我想從兩個數據集中製作一個圖表。這兩個數據都來自HTML中的兩個表格。(amCharts)如何在一個圖表中放置多個(兩個)數據集,並用不同的配色方案區分每個數據集?
隨着我目前的代碼,這兩個表合併成只有一個數據集。我想分開每個表到它自己的數據集,因爲:
- 我想讓每個數據集都有它自己的顏色。例如。來自表A的數據將全部爲橙色;來自表B的數據將全部爲藍色。
- 每個數據之間的差異將來自其線條樣式。數據1將具有較粗的線,數據2將具有虛線等。
下面是我打算製作的圖表。
這裏是我當前的代碼和它的結果:http://jsfiddle.net/3j3s1ba7/4/
這些是我從桌子
function generateChartData() {
// initialize empty array
chartData = [];
// get the table
var table = document.getElementById('dataTable');
// get table rows
var rows = table.getElementsByTagName('tr');
// iterate through the <td> elements of the first row
// and construct chart data out of other rows as well
var years = rows[ 0 ].getElementsByTagName('th');
var row1_desc = rows[ 1 ].getElementsByTagName('td');
var row2_desc = rows[ 2 ].getElementsByTagName('td');
var row3_desc = rows[ 3 ].getElementsByTagName('td');
var row
for (var x = 0; x < years.length; x++) {
chartData.push({
"year": years[ x ].innerHTML,
"row1_desc": row1_desc[ x ].innerHTML,
"row2_desc": row2_desc[ x ].innerHTML,
"row3_desc": row3_desc[ x ].innerHTML
});
}
}
獲取數據在amCharts文檔的線條則說明它是possible to have two data sets, but it seems not at once。
任何想法如何做到這一點?
嗯,我想這就是我卡住的地方:如何判斷函數哪個圖來自哪個表? – deathlock