作者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/m.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