ECharts 入门教程 ECharts饼图data数据如何设置

2024-02-25 开发教程 ECharts 入门教程 匿名 11

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 设定。