echarts饼状图左边显示数据颜色框框为方形
时间: 2023-11-27 10:53:22 浏览: 94
小猫检测数据集cat-dataset-无标签.rar
可以通过设置 `itemStyle` 属性来修改饼状图中数据项的样式,包括颜色、边框等。可以像下面这样设置:
```javascript
option = {
series: [
{
type: 'pie',
data: [
{ value: 335, name: '直接访问' },
{ value: 310, name: '邮件营销' },
{ value: 234, name: '联盟广告' },
{ value: 135, name: '视频广告' },
{ value: 1548, name: '搜索引擎' }
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
label: {
show: true,
formatter: '{b} : {c} ({d}%)'
},
labelLine: {
show: true
}
}
],
color: ['#FFB6C1', '#87CEFA', '#DA70D6', '#32CD32', '#6495ED']
};
```
其中,`color` 属性用于设置颜色列表,可以根据需要自行修改。`itemStyle` 属性中的 `emphasis` 用于设置鼠标悬浮时的样式,这里只设置了阴影效果,可以根据需要添加其他样式。
阅读全文