echarts-自定义图表的颜色

有的时候默认的颜色不能达到我们的效果，所以必须要自定义

默认的图表颜色.png

---

---

自定义图表的颜色.png

 series : [
                {
                  name:'直接访问',
                  type:'bar',
                  // 自定义颜色的实现
                  itemStyle: {
                    normal: {
                      //定义一个list，通过list获取颜色，
                      color: function(params) {                      
                        var colorList = [
                          '#003366','#CCFFFF','#FCCE10','#E87C25','#27727B',
                          '#FE8463','#9BCA63'
                        ];
                        return colorList[params.dataIndex]
                      },
                      //以下为是否显示，显示位置和显示格式
                      label: {
                        show: true,
                        position: 'top',
//                             formatter: '{c}'
                        formatter: '{b}\n{c}'
                      }
                    }
                  },
                  //设置柱的宽度
                  barWidth: '60%',
                  data:[10, 52, 200, 334, 390, 330, 220]
                }
              ]