Javascript 双仪表板谷歌图表

Javascript 双仪表板谷歌图表,javascript,php,html,api,charts,Javascript,Php,Html,Api,Charts,我想用不同的数据和数据显示双谷歌图表 在一个页面中显示仪表板,但在一个页面中只能显示一个仪表板 您可以这样做 谷歌图表教程 load('current',{packages:['corechart']}); 函数绘图图(){ //定义要绘制的图表。 var data1=google.visualization.arrayToDataTable([ ['Fruit','Mount',{role:'annotation'},'weight',{role:'annotation'}], [Ap

我想用不同的数据和数据显示双谷歌图表 在一个页面中显示仪表板,但在一个页面中只能显示一个仪表板

您可以这样做


谷歌图表教程
load('current',{packages:['corechart']});
函数绘图图(){
//定义要绘制的图表。
var data1=google.visualization.arrayToDataTable([
['Fruit','Mount',{role:'annotation'},'weight',{role:'annotation'}],
[Apple',1000',1000',245',245'],
[Mango',1234',1234',234',234'],
[‘西瓜’、12345、‘12345’、342、‘342’],
[‘菠萝’、7321、7321、545、545'],
[Grape',46723',46723',2345',2345'],
['Banana',9643',9643',462',462'],
['Orange',4684',4684',235',235']
]);
var options1={title:'About Fruit',isStacked:true};
//实例化并绘制图表。
var chart1=新的google.visualization.BarChart(document.getElementById('container');
图表1.绘图(数据1,选项1);
}
函数drawChart1(){
//定义要绘制的图表。
var data1=google.visualization.arrayToDataTable([
['vegets','Mount',{role:'annotation'},'Weight',{role:'annotation'}],
['colla',117021',117021',134',134'],
[‘芹菜’、1673407、1673407、194、194'],
[‘芦笋’、152139、152139、192、192'],
[cumber',180718',180718',216',216'],
['Onion',14214',14214',168',168'],
[Pumpkin',183667',183667',215',215'],
['Sprout',15956',15956',118',118']
]);
var options1={title:'关于蔬菜',isStacked:true,is3D:true,};
//实例化并绘制图表。
var chart2=新的google.visualization.BarChart(document.getElementById('container2');
图表2.绘图(数据1,选项1);
}
google.charts.setOnLoadCallback(drawChart);
google.charts.setOnLoadCallback(drawChart1);

我投票结束这个问题,因为
代码片段
不是用来附加屏幕截图的;而是使用它来附加一个最小的示例。