创新互联ECharts教程:ECharts图例组件配置数据项及图例项

legend.data[i]   |  Object

图例的数据数组。数组项通常为一个字符串,每一项代表一个系列的 name(如果是饼图,也可以是饼图单个数据的 name)。图例组件会自动根据对应系列的图形标记(symbol)来绘制自己的颜色和标记,特殊字符串 ''(空字符串)或者 '\n'(换行字符串)用于图例的换行。

如果要设置单独一项的样式,也可以把该项写成配置项对象。此时必须使用 name 属性对应表示系列的 name。

示例:

data: [{
    name: '系列1',
    // 强制设置图形为圆。
    icon: 'circle',
    // 设置文本为红色
    textStyle: {
        color: 'red'
    }
}]

legend.data[i].name   |   string

图例项的名称,应等于某系列的name值(如果是饼图,也可以是饼图单个数据的 name)。


legend.data[i].icon   |   string

图例项的 icon。

ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'

也可以通过 'image://url' 设置为图片,其中 url 为图片的链接,或者 dataURI。

可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式,不用担心因为缩放而产生锯齿或模糊,而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。


legend.data[i].textStyle   |   Object

图例项的文本样式。


分享名称:创新互联ECharts教程:ECharts图例组件配置数据项及图例项
路径分享:http://bzwzjz.com/article/cdpidcd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都网站建设 定制网站建设 网站建设 响应式网站设计 手机网站制作 成都网站建设 企业网站制作 温江网站设计 四川成都网站制作 外贸网站建设 成都网站建设流程 专业网站建设 成都网站建设 网站设计制作报价 成都网站设计 企业网站设计 外贸营销网站建设 营销型网站建设 网站制作 企业网站建设公司 LED网站设计方案