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

      option = {
    backgroundColor: '#0e2147',
    legend: {
	    show:false,
	},
    xAxis: {
        axisLabel: {
            textStyle: {
				color: '#5C91C4', 
		        fontSize: 12
		   },
        },
        axisLine: {
            lineStyle: {
                color: '#5C91C4'
            }
        },
        data: ['越秀', '海珠', '天河', '荔湾', '白云', '增城', '黄埔']
    },
    yAxis:[
	    {
	    name: '家',
	    nameTextStyle:{
	      color: '#5C91C4',
	      fontSize: 14,
	    },
		  type: 'value',
      position: 'left',
          max: 8,
		  interval: 2,
		  axisLabel: {
		    formatter: '{value}',
		    textStyle: {
				color: '#5C91C4', 
		    fontSize: 12
		  },
		},
		axisLine: { show: false },
		axisTick: { show: false },
		splitLine: {
		    lineStyle: {
		        color: '#5C91C4',
		        type: 'dashed'
		    }
		}
	}],
    series: [{
        type: 'bar',
        barWidth: 8,
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: '#FF8000'
                }, {
                    offset: 1,
                    color: '#FF0000'
                }]),
                barBorderRadius: [4,4,0,0],
            },
          },
        data:[3.9, 3.9, 2, 2.8, 6.2, 1, 5.6]
    },{
        type: 'bar',
        barWidth: 8,
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: '#FFE000'
                }, {
                    offset: 1,
                    color: '#FF7500'
                }]),
                barBorderRadius: [4,4,0,0],
            },
          },
        data:[5.8, 5.8, 4.4, 4, 4.4, 2.8, 6]
    },{
        type: 'bar',
        barWidth: 8,
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: '#FDFF00'
                }, {
                    offset: 1,
                    color: '#BDFF00'
                }]),
                barBorderRadius: [4,4,0,0],
            },
          },
        data:[5.8, 5.8, 4.4, 4, 4.4, 2.8, 6]
    }]
};