JSRUN 用代码说话

设置饼图data数据

编辑教程

饼图data数据如何设置

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

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟