echarts修改legend样式圆环
时间: 2023-11-18 09:03:32 浏览: 133
echarts legend 排列问题
要修改echarts图表中legend样式圆环,可以通过修改legend.textStyle.rich样式属性来实现。具体步骤如下:
1.在option中找到legend配置项,设置type为'plain',表示图例的类型为普通图例,而不是scroll图例。
2.在legend配置项中设置textStyle.rich属性,用于设置图例文本的样式。
3.在textStyle.rich属性中设置circle属性,用于设置图例样式的圆环。
下面是一个示例代码,演示如何修改echarts图表中legend样式圆环:
```javascript
option = {
legend: {
type: 'plain',
textStyle: {
rich: {
circle: {
width: 10,
height: 10,
borderRadius: 5,
backgroundColor: 'red'
}
}
},
data: ['图例1', '图例2', '图例3']
},
series: [
{
name: '数据1',
type: 'bar',
data: [10, 20, 30]
},
{
name: '数据2',
type: 'bar',
data: [20, 30, 40]
}
]
};
```
在上面的代码中,我们设置了legend的type为'plain',并在textStyle.rich属性中设置了circle属性,用于设置图例样式的圆环。具体来说,我们设置了圆环的宽度、高度、圆角半径和背景颜色。
阅读全文