[問題] 同一個頁面放2個google chart
大家好 想詢問的是要怎麼在同一個頁面中放入兩個一樣的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://www.ptt.cc/bbs/Ajax/M.1433926140.A.423.html
推
06/11 09:38, , 1F
06/11 09:38, 1F
→
06/11 09:40, , 2F
06/11 09:40, 2F
→
06/11 09:40, , 3F
06/11 09:40, 3F
推
06/11 11:01, , 4F
06/11 11:01, 4F
※ 編輯: FutureGirl (59.120.42.82), 06/11/2015 16:43:32
→
06/11 16:44, , 5F
06/11 16:44, 5F
→
06/12 09:26, , 6F
06/12 09:26, 6F
推
06/12 10:27, , 7F
06/12 10:27, 7F
→
06/12 11:12, , 8F
06/12 11:12, 8F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
