2017-08-04 50 views
0

看看文檔中的不同示例,我發現將多個圖形(或行)包含在串行圖表中的唯一方法是將數據放置在一個數組中:AmCharts串行多個數據集

[{ 
    category: 1, 
    value1: .8, 
    value2: .64, 
}, 
{ 
    category: 2, 
    value1: .75, 
    value2: -.4,  
}]; 

但是,如果您一次嘗試顯示多個數據集,這是相當乏味的;是否有其他辦法做到這一點,在那裏你會立即傳遞多個陣列(這是我想通實現會是什麼樣子,但它並非如此):

[ 
// First set of data 
{ category: 0, value: .5}, 
{ category: 1, value: .5}, 
{ category: 2, value: .5}, 
{ category: 3, value: .5}, 
{ category: 4, value: .3}, 
{ category: 5, value: 1} 
], 
// Second set of data 
[ 
{ category: 0, value: .5 }, 
{ category: 1, value: .3 }, 
{ category: 2, value: .25 }, 
{ category: 3, value: .6 }, 
{ category: 4, value: .79 }, 
{ category: 5, value: .81 } 
]], 

就如何實現這一可能的任何想法做完了?或者我需要切換到不同類型的圖表?

+0

嘗試圖表編輯器https://live.amcharts.com/ – Mojtaba

回答

1

這在定期的AmCharts JavaScript圖表庫中是不可能的。唯一支持的格式是一個單一的對象數組,按照您的注意事項將這些值按類別合併。您必須事先預處理您的數據。

AmCharts圖表庫支持dataSets數組中的單獨數據數組,但它僅支持基於日期的數據。

AmCharts.makeChart("chartdiv", { 
    "type": "stock", 
    "dataSets": [{ 
    // other properties omitted 
    "dataProvider": [{ 
     category: "2017-08-01, 
     value: 3 
     }, { 
     category: "2017-08-02, 
     value: 2 
     }, { 
     category: "2017-08-03, 
     value: 1 
     }, // ... 
    ] 
    }, { 
    // other properties omitted 
    "dataProvider": [{ 
     category: "2017-08-01, 
     value: 10 
     }, { 
     category: "2017-08-02, 
     value: 9 
     }, { 
     category: "2017-08-03, 
     value: 5 
     }, // ... 
    ] 
    }, 
    // ... 
    ] 
    // ... 
}); 

您可以在任何stock chart demos中看到此操作。