作者FutureGirl (A马)
看板Ajax
标题[问题] 同一个页面放2个google chart
时间Wed Jun 10 16:48:57 2015
大家好 想询问的是要怎麽在同一个页面中放入两个一样的google chart (但资料不同)
google chart的程式码如下
-------------JS-----------(google chart：
https://developers.google.com/chart/)
google.load('visualization', '1', {packages: ['corechart', 'line']});
google.setOnLoadCallback(drawCurveTypes);
function drawCurveTypes() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'X');
data.addColumn('number', 'Dogs');
data.addColumn('number', 'Cats');
data.addRows([
[0, 0, 0], [1, 10, 5], [2, 23, 15],
[3, 17, 9], [4, 18, 10], [5, 9, 5],
]);
var options = {
hAxis: {
title: 'Time'
},
vAxis: {
title: 'Popularity'
},
series: {
1: {curveType: 'function'}
}
};
var chart = new
google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
-------------HTML------------------
<div id="chart_div"><div>
----------------------------------------
放一个是完全没有问题的 但要放到第二个的时候原本以为只要改chart_div的名字就好
但都没反应 把里面的变数乱改也没变 Orz
对於JS没有什麽概念 但被老板要求做网页图表 问辜狗也没答案 所以上来求助
再请大家帮忙了!!!!
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.122.147.78
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1433926140.A.423.html
1F：推 crossdunk: 放两个的程式码放上来看看@@06/11 09:38
2F：→ crossdunk: getElementById("ID1") 也要有两个06/11 09:40
3F：→ crossdunk: getElementById("ID2") 只复制前面06/11 09:40
※ 编辑: FutureGirl (59.120.42.82), 06/11/2015 16:43:32
5F：→ FutureGirl: 好的，我再试试！ 06/11 16:44
6F：→ FutureGirl: 不太了解"只复制前面"的意思 有放两个getElementById 06/12 09:26
7F：推 crossdunk: 因为我觉得用说的不清楚 才补上连结XD 06/12 10:27
8F：→ FutureGirl: 非常谢谢cross大!!! 06/12 11:12