主页
JavaScript
Google Chart 谷歌图表
trygoogle_chart_bar
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <script src="https://www.gstatic.com/charts/loader.js"></script> <body> <div id="myChart" style="width:100%; max-width:600px; height:500px;"></div> <script> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { // Set Data const data = google.visualization.arrayToDataTable([ ['Contry', 'Mhl'], ['Italy',55], ['France',49], ['Spain',44], ['USA',24], ['Argentina',15] ]); // Set Options const options = { title:'World Wide Wine Production' }; // Draw const chart = new google.visualization.BarChart(document.getElementById('myChart')); chart.draw(data, options); } </script> </body> </html>