您的位置:58编程 > echarts 例 ECharts例组件配置 数据项及例项

echarts 例 ECharts例组件配置 数据项及例项

2023-04-22 20:33 ECharts教程

echarts 例 ECharts例组件配置 数据项及例项

echarts 例 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

图例项的文本样式。

阅读全文
以上是58编程为你收集整理的echarts 例 ECharts例组件配置 数据项及例项全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS