Echarts柱形图颜色设置

ECharts图为每个数据项配置颜色

(2014-11-12 15:52:53)

转载▼

标签： 时尚

分类： 开发学习

其实给每个数据项配置很简单

只需要在series里面给data数组的每个元素设置itemSytle就可以了

option如下：

option = {

    title : {

        text: '高架排队情况'

    },

    tooltip : {

        trigger: 'axis'

    },

    xAxis : [

        {

            type : 'value',

          axisLabel : {

                formatter: '{value} 米'

            }

        }

    ],

    yAxis : [

        {

            type : 'category',

            data : ['未知','畅通','拥挤','堵塞']

        }

    ],

    series : [

        {

            type:'bar',

          data:[

              {

                value:200,

                itemStyle:{

                  normal:{color:'gray'}

              }

              }, 

              {

                value:300,

                itemStyle:{

                  normal:{color:'green'}

              }

              },

              {

                value:1500,

                itemStyle:{

                  normal:{color:'yellow'}

              }

              },

              {

                value:300,

                itemStyle:{

                  normal:{color:'red'}

              }

              }

            ]

        }

    ]

};