echarts让图例组件与标题颜色对应
时间: 2023-09-30 16:03:27 浏览: 149
在 echarts 中,您可以通过设置 `textStyle` 属性来控制标题和例的颜色。具体来说,您在 `title` 和 `legend` 中都设置 `textStyle` 属性,并将其 `color` 属性设置为相同的颜色,例如:
```javascript
option = {
title: {
text: 'My Title',
textStyle: {
color: 'red' // 设置标题颜色为红色
}
},
legend: {
data: ['Line 1', 'Line 2'],
textStyle: {
color: 'red' // 设置图例颜色为红色
}
},
xAxis: {
data: ['A', 'B', 'C']
},
yAxis: {},
series: [
{
name: 'Line 1',
type: 'line',
data: [5, 20, 36]
},
{
name: 'Line 2',
type: 'line',
data: [10, 25, 40]
}
]
};
```
在上面的代码中,我们通过在 `title` 和 `legend` 中都设置 `textStyle` 属性,并将其 `color` 属性设置为红色,从而实现了图例组件与标题颜色对应的效果。
阅读全文