设置echarts legend颜色
时间: 2023-09-28 12:03:25 浏览: 52
要设置 Echarts 图表中的图例(legend)的颜色,可以使用 Echarts 提供的 API 来实现。以下是一种设置图例颜色的方法:
```javascript
// 创建一个 Echarts 实例
var myChart = echarts.init(document.getElementById('myChart'));
// 定义图表的配置项
var option = {
// ... 其他配置项
// 设置图例的颜色
legend: {
textStyle: {
color: 'red' // 设置图例文字的颜色
},
data: ['图例1', '图例2', '图例3'], // 设置图例的数据项
textStyle: { // 设置图例文字的颜色
color: ['red', 'green', 'blue'] // 设置每个图例的颜色,可以为数组,与 data 中的顺序一一对应
}
},
// ... 其他配置项
};
// 使用配置项生成图表
myChart.setOption(option);
```
在上面的代码中,使用 `legend.textStyle.color` 属性设置了图例文字的颜色为红色。然后,通过 `legend.textStyle.color` 属性设置了每个图例对应的颜色,这里分别设置了红色、绿色、蓝色。
你可以根据自己的需求修改上述代码中的图例文字和颜色。注意,颜色可以设置为具体的颜色值或者使用预定义的颜色名称。