ECharts餅圖data數(shù)據(jù)如何設置

2018-10-23 10:08 更新

series[i]-pie.data[i]

該對象表示 ECharts 系列中的數(shù)據(jù)內(nèi)容數(shù)組。數(shù)組項可以為單個數(shù)值,如:

[12, 34, 56, 10, 23]

如果需要在數(shù)據(jù)中加入其它維度給 visualMap 組件用來映射到顏色等其它圖形屬性。每個數(shù)據(jù)項也可以是數(shù)組,如:

[[12, 14], [34, 50], [56, 30], [10, 15], [23, 10]]

這時候可以將每項數(shù)組中的第二個值指定給 visualMap 組件。

更多時候我們需要指定每個數(shù)據(jù)項的名稱,這時候需要每個項為一個對象:

[{
    // 數(shù)據(jù)項的名稱
    name: '數(shù)據(jù)1',
    // 數(shù)據(jù)項值8
    value: 10
}, {
    name: '數(shù)據(jù)2',
    value: 20
}]

需要對個別內(nèi)容指定進行個性化定義時:

[{
    name: '數(shù)據(jù)1',
    value: 10
}, {
    // 數(shù)據(jù)項名稱
    name: '數(shù)據(jù)2',
    value : 56,
    //自定義特殊 tooltip,僅對該數(shù)據(jù)項有效
    tooltip:{},
    //自定義特殊itemStyle,僅對該item有效
    itemStyle:{}
}]

series[i]-pie.data[i].name

設置餅圖數(shù)據(jù)項的名稱,值的類型為 string。

series[i]-pie.data[i].value 

數(shù)據(jù)值。值的類型為 number。

series[i]-pie.data[i].selected 

該數(shù)據(jù)項是否被選中。值的類型為 boolean,默認值為 false。

series[i]-pie.data[i].label

該對象是對于單個扇區(qū)的標簽進行配置。

series[i]-pie.data[i].labelLine 

該對象設置餅圖的視覺引導線,有 normal 和 emphasis 兩種狀態(tài)。

series[i]-pie.data[i].itemStyle 

該對象設置餅圖圖形樣式,有 normal 和 emphasis 兩個狀態(tài)。normal 是圖形在默認狀態(tài)下的樣式;emphasis 是圖形在高亮狀態(tài)下的樣式,比如在鼠標懸浮或者圖例聯(lián)動高亮時。

series[i]-pie.data[i].tooltip

本系列每個數(shù)據(jù)項中特定的 tooltip 設定。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號