echarts 图例为长方形
时间: 2023-06-29 15:08:00 浏览: 131
ECharts 图例默认情况下是长方形,但是你可以通过设置 `legend` 属性来修改图例的外形。例如,你可以设置 `type` 属性为 `'scroll'` ,这会将图例变成可滚动的列表,并且每个图例项会变成一个小圆点。你也可以使用 `formatter` 属性来自定义每个图例项的显示格式,例如将其显示为圆形或其他形状。
下面是一个示例代码,其中将图例的形状设置为圆形:
```javascript
option = {
...
legend: {
type: 'scroll',
formatter: function(name) {
return '{circle|●} ' + name;
},
textStyle: {
rich: {
circle: {
width: 10,
height: 10,
borderRadius: 5,
backgroundColor: 'red'
}
}
}
},
...
};
```
在上面的代码中,我们通过设置 `formatter` 属性将图例项的显示格式设置为一个圆形加上图例名称。然后,我们使用 `textStyle` 属性设置圆形的样式,包括它的大小、圆角半径和背景颜色等。
阅读全文