echarts柱状图实现多条不同颜色渐变

series层里面

 

itemStyle: {

              normal: {

                // 设置圆角

                barBorderRadius: [6,0,6,0],

                //多条线实现渐变效果

                color:function(params) {

                  var colorList = [

                    ['#662C58','#F84F50'],

                    ['#124480','#46E6ED'],

                    ['#032786','#0068F2'],

                    ['#433E68','#E7A95F'],

                    ['#0D3285','#1E76C8'],

                    ['#433E68','#E7A95F'],

                    ['#662C58','#F84F50'],

                    ['#124480','#46E6ED']

                  ]

                  var index=params.dataIndex;

                  if (params.dataIndex >= colorList.length) {

                      index = params.dataIndex - colorList.length;

                  }

                  return new that.$echarts.graphic.LinearGradient(0, 1, 0, 0, [

                  { offset: 0, color: colorList[index][0] },

                  { offset: 1, color: colorList[index][1] }

                  ])

                },

                

              }

            },