ECharts图表中修改每个category的颜色

要修改每个类别的显示颜色,需要给每个数据项配置
具体方法为:在series里面给data数组的每个元素设置itemSytle就可以了

var myTestCharts = echarts.init(document.getElementById('myTest'));

option如下:

myOption = {
    title : {
        text: '场馆内各类人数量'
    },
    tooltip : {
        trigger: 'axis'
    },
    xAxis : [
        {
            type : 'value',
          axisLabel : {
                formatter: '{value} 人'
            }
        }
    ],
    yAxis : [
        {
            type : 'category',
            data : ['男人','女人','老人','小孩']
        }
    ],
    series : [
        {
            type:'bar',
          data:[
              {
                value:70,
                itemStyle:{
                  normal:{color:'blue'}
              }
              }, 
              {
                value:45,
                itemStyle:{
                  normal:{color:'purple'}
              }
              },
              {
                value:16,
                itemStyle:{
                  normal:{color:'yellow'}
              }
              },
              {
                value:91,
                itemStyle:{
                  normal:{color:'red'}
              }
              }
            ]
        }
    ]
};

将图表显示出来:

    myTestCharts.setOption(myOption);

效果图:
ECharts图表中修改每个category的颜色_第1张图片

你可能感兴趣的:(互联网,数据可视化,echarts-地图)