echarts饼图选中改变颜色
时间: 2023-09-24 12:05:42 浏览: 187
自定义双层嵌套饼图实现
你可以通过设置饼图的 `itemStyle` 属性中的 `emphasis` 来实现选中饼图时改变颜色。具体做法如下:
1. 在 `series` 中设置 `selectedMode: 'single'` 表示只能选中一个饼图。
2. 在 `series.itemStyle` 中设置 `emphasis` 属性,指定饼图被选中时的样式,例如:`emphasis: { color: '#c23531' }` 表示选中时的颜色为红色。
以下是一个简单的示例代码:
```js
option = {
series: [{
type: 'pie',
selectedMode: 'single', // 只能选中一个饼图
data: [
{ value: 335, name: '直接访问' },
{ value: 310, name: '邮件营销' },
{ value: 234, name: '联盟广告' },
{ value: 135, name: '视频广告' },
{ value: 1548, name: '搜索引擎' }
],
itemStyle: {
emphasis: {
color: '#c23531' // 选中时的颜色为红色
}
}
}]
};
```
当然,你也可以根据需要自定义选中时的样式,例如修改边框颜色、粗细等。
阅读全文