谢谢,在做了一些尝试后,得到了解决的办法。
```javascript
option = {
backgroundColor:'#FFFFFF',
series : [
{
name: '访问来源',
type: 'pie',
radius: '55%',
color:['#F1F1F1','#F00'],
data:[
{value:235, name:'视频广告'},
{value:274, name:'联盟广告'},
],
emphasis:{
itemStyle:{
color:['#F1F1F1','#F00'],
}
}
}
]
};
```
直接添加 emphasis 到 itemStyle 里是不支持的,而且会出现颜色值顺序的对调,就是鼠标经过 #F1F1F1 的扇区时,扇区的颜色会变成
#F00,相反的 #F00 的经过时是 #F1F1F1。
后来尝试把 itemStyle.color 和 emphasis.itemStyle.color 都定义在了 data 的数据项中便可以了。
以下代码:
```javascript
option = {
backgroundColor:'#FFFFFF',
series : [
{
name: '访问来源',
type: 'pie',
radius: '55%',
data:[
{value:235, name:'视频广告',
itemStyle:{
color:'#F1F1F1'
},
emphasis:{
itemStyle:{
color:'#F1F1F1'
}
}
},
{value:274, name:'联盟广告',
itemStyle:{
color:'#800'
},
emphasis:{
itemStyle:{
color:'#800'
}
}
},
]
}
],
};
```
代码测试环境使用的是
http://www.echartsjs.com/gallery/editor.html?c=doc-example/tutorial-styling-step5
建议是否可以考虑添加 hoverColorAlpha 这样的 boolean/number 属性在 series 中“禁止/空间值”来控制,方便多条目
data 时结合 color 数组类型的值的使用。
[ Full content available at:
https://github.com/apache/incubator-echarts/issues/9088 ]
This message was relayed via gitbox.apache.org for [email protected]