创新互联ECharts教程:ECharts饼图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 设定。

当前名称:创新互联ECharts教程:ECharts饼图data数据如何设置
链接地址:http://www.stwzsj.com/qtweb/news0/2000.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联