渐变柱状图echarts 柱状配置项内容和展示

      option = {
                color:['#1C86F1'],
                backgroundColor:'#082560',
                legend: {
                    textStyle:{
                        color:'#9B9B9B'
                    },
                    right:37,
                    top: 22,
                },
                tooltip: {},
                xAxis: {
                    type: 'category',
                    data: ['2019-06','2019-07','2019-08','2019-09','2019-10','2019-11','2019-12'],
                    axisLine:{
                        lineStyle:{
                            color:'#657CA8'
                        }
                    },
                    axisTick:{
                        show:false
                    },
                    axisLabel:{
                        color:'#eeeeee',
                        rotate:45,
                    },
                },
                yAxis: {
                    axisLine:{
                        lineStyle:{
                            color:'#657CA8'
                        }
                    },
                    axisTick:{
                        show:false
                    },
                    splitLine:{
                        show:false
                    },
                    axisLabel:{
                        color:'#eee',
                    },
                },
                series: [
                    {
                        type: 'bar',
                        barWidth:20,
                        data: [100,78,56,124,67,65,95],
                        label: {
                            show: true,
                            position: 'top',
                            textStyle:{
                                color:'#ffffff'
                            }
                        },
                        itemStyle:{
                            normal:{
                                color: function (params){
                                    var colorList = [
                                        ['#f56868','transparent'],
                                        ['#41ccba','transparent'],
                                        ['#a582ea','transparent'],
                                        ['#f5c379','transparent'],
                                        ['#b4c6cc','transparent'],
                                        ['#74d28c','transparent'],
                                        ['#f4966e','transparent'],
                                        ['#64b2ef','transparent'],
                                    ];
                                    var index=params.dataIndex;
                                    if(params.dataIndex >= colorList.length){
                                            index=params.dataIndex-colorList.length;
                                    }
                                    return new echarts.graphic.LinearGradient(0, 0, 0, 1,
                                        [
                                            {offset: 0, color: colorList[index][0]},
                                            {offset: 0.5, color: colorList[index][0]},
                                            {offset: 1, color: colorList[index][1]},
                                        ]);
                                }
                            }
                        }
                    }
                ]
            };