echart如何控制饼图legend的字体的颜色
时间: 2024-03-27 12:37:21 浏览: 105
在ECharts中,我们可以通过设置 `legend.textStyle` 属性来控制饼图图例中文字的样式,从而实现控制饼图图例字体颜色的效果。具体来说,可以通过设置 `legend.textStyle.color` 来控制字体的颜色,例如:
```javascript
option = {
legend: {
data: ['类别1', '类别2', '类别3'],
textStyle: {
color: 'red' // 控制字体颜色为红色
}
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '50%',
data: [
{value: 335, name: '类别1'},
{value: 310, name: '类别2'},
{value: 234, name: '类别3'}
]
}
]
};
```
在上述代码中,我们通过设置 `legend.textStyle.color` 为红色来控制饼图图例中文字的颜色。
除了控制字体颜色,还可以通过 `legend.textStyle.fontSize` 控制字体大小,例如:
```javascript
option = {
legend: {
data: ['类别1', '类别2', '类别3'],
textStyle: {
color: 'red', // 字体颜色为红色
fontSize: 14 // 字体大小为14px
}
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '50%',
data: [
{value: 335, name: '类别1'},
{value: 310, name: '类别2'},
{value: 234, name: '类别3'}
]
}
]
};
```
在上述代码中,我们通过设置 `legend.textStyle.fontSize` 为14来控制饼图图例中文字的大小。
阅读全文