主页
JavaScript
Plotly.js
tryplotly_bars_horizontal
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <script src="https://cdn.bootcdn.net/ajax/libs/plotly.js/1.58.5/plotly-basic.min.js"></script> <body> <div id="myPlot" style="width:100%;max-width:700px"></div> <script> const xArray = [55, 49, 44, 24, 15]; const yArray = ["Italy ", "France ", "Spain ", "USA ", "Argentina "]; const data = [{ x:xArray, y:yArray, type:"bar", orientation:"h", marker: {color:"rgba(255,0,0,0.6)"} }]; const layout = {title:"World Wide Wine Production"}; Plotly.newPlot("myPlot", data, layout); </script> </body> </html>