谢谢,在做了一些尝试后,得到了解决的办法。

```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]

Reply via email to