ECharts饼图data数据如何设置

2018-10-23 10:08 更新

series[i]-pie.data[i]

该对象表示 ECharts 系列中的数据内容数组。数组项可以为单个数值,如:

[12, 34, 56, 10, 23]

如果需要在数据中加入其它维度给 visualMap 组件用来映射到颜色等其它图形属性。每个数据项也可以是数组,如:

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

这时候可以将每项数组中的第二个值指定给 visualMap 组件。

更多时候我们需要指定每个数据项的名称,这时候需要每个项为一个对象:

[{
    // 数据项的名称
    name: '数据1',
    // 数据项值8
    value: 10
}, {
    name: '数据2',
    value: 20
}]

需要对个别内容指定进行个性化定义时:

[{
    name: '数据1',
    value: 10
}, {
    // 数据项名称
    name: '数据2',
    value : 56,
    //自定义特殊 tooltip,仅对该数据项有效
    tooltip:{},
    //自定义特殊itemStyle,仅对该item有效
    itemStyle:{}
}]

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

设置饼图数据项的名称,值的类型为 string。

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

数据值。值的类型为 number。

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

该数据项是否被选中。值的类型为 boolean,默认值为 false。

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

该对象是对于单个扇区的标签进行配置。

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

该对象设置饼图的视觉引导线,有 normal 和 emphasis 两种状态。

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

该对象设置饼图图形样式,有 normal 和 emphasis 两个状态。normal 是图形在默认状态下的样式;emphasis 是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时。

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

本系列每个数据项中特定的 tooltip 设定。

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号