echart折线图图例设置成圆角矩形
时间: 2023-12-12 22:35:53 浏览: 257
Echarts实现的折线图
5星 · 资源好评率100%
要将ECharts折线图图例设置为圆角矩形,可以在legend中设置icon为'roundRect',如下所示:
```javascript
legend: {
data: ['数据'],
icon: 'roundRect' // 设置图例icon为圆角矩形
},
```
如果需要调整圆角矩形的大小,可以在series中设置itemWidth和itemHeight,如下所示:
```javascript
series: [{
name: '数据',
type: 'line',
data: [1, 2, 3, 4, 5],
itemStyle: {
normal: {
color: '#ff0000' // 设置折线颜色
}
},
itemWidth: 20, // 设置圆角矩形宽度
itemHeight: 10 // 设置圆角矩形高度
}]
```
阅读全文