echarts legend symbol 颜色如何设置
时间: 2023-09-08 10:12:09 浏览: 116
echarts legend 排列问题
要设置 Echarts 图例(legend)中的符号(symbol)颜色,可以在 Echarts 中使用 legend.textStyle.color 属性来设置。具体来说,可以按照以下步骤来设置:
1. 打开 Echarts 图表的配置项(option)。
2. 找到图例(legend)配置项,例如:
```
legend: {
data: ['数据1', '数据2', '数据3']
}
```
3. 在 legend 配置项中,设置 textStyle.color 属性为需要的颜色值,例如:
```
legend: {
data: ['数据1', '数据2', '数据3'],
textStyle: {
color: '#333'
}
}
```
4. 如果需要对不同的符号(symbol)设置不同的颜色,可以使用 legend.data 中的对象形式定义每个数据项的样式,例如:
```
legend: {
data: [
{ name: '数据1', icon: 'circle', textStyle: { color: 'red' } },
{ name: '数据2', icon: 'rect', textStyle: { color: 'blue' } },
{ name: '数据3', icon: 'triangle', textStyle: { color: 'green' } }
]
}
```
这样,就可以在 Echarts 图例中设置符号颜色了。
阅读全文