鍍金池/ 問答/Python  HTML/ ECharts餅圖能夠根據(jù)來源的名稱決定顏色嗎?

ECharts餅圖能夠根據(jù)來源的名稱決定顏色嗎?

目前項目中某一個模塊用到了餅圖,主要分為正面,負(fù)面和中立。
需求是正面為綠色,負(fù)面為紅色,中立為藍(lán)色。
但是ECharts中是根據(jù)餅圖面積分配顏色的,
能不能根據(jù)名稱來決定餅圖塊的顏色呢?

先謝謝大家的解答,今天上班的時候按大家的方法都試了一遍,但是還有一點問題和大家的描述不太一樣。
圖表的數(shù)據(jù)是后臺給出的,代碼如下吧。雖然我知道顏色是color控制的,但是數(shù)據(jù)是由chartData[]中給出的,chartData中有name和value屬性,如何將它與color相關(guān)聯(lián)呢?

var self = this;
option = {
    backgroundColor: '',
    tooltip: {
        ...                        
        }
    },
    legend:{
        orient:'vertical',
        data:self.legendData,
        icon: 'rect',
        right: '5%',
        top:'80%',
        textStyle:{
            color:'#888',
            fontSize:'14'
        },
        itemWidth: 12,
        itemHeight: 12
    },
    grid:{
        ...
    },
    color:['#45ba59','#5b8de0','#ee6d61'],
    series : [
        {
        type:'pie',
        param:self.param,
        data:self.chartData
        ...
        }
    ]
};
回答
編輯回答
祈歡

echarts非常多的功能都是可配置的,可以多看下他的開發(fā)文檔中配置的那部分
http://echarts.baidu.com/opti...

餅圖顏色的設(shè)置

var colors = {
    '正面':'#00ff00',
    '負(fù)面':'#ff0000',
    '中立':'#0000ff'
}
itemStyle:{
    color:colors[..name]
}
2017年9月17日 10:27
編輯回答
孤慣

itemStyle可以多級設(shè)置??梢酝ㄟ^直接設(shè)置data中元素的itemStyle來實現(xiàn)。

比如
data:[{name:正面,value:10,itemStyle:{color:'green'}},{name:負(fù)面,value:10,itemStyle:{color:'red'}}]

2018年3月24日 05:43
編輯回答
懶豬

樓上說的對 itemStyle屬性很重要

2018年7月16日 14:04