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

      option = {
    color: ['#e5cd00','#0ff'],
    backgroundColor: '#04243E',
    xAxis: {
        type: 'category',
        data: ['河流', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLabel : {
            color : 'white'
        },
        axisLine : {
            lineStyle : {
                color : 'rgba(200,200,200,0.2)'
            }
           
        },
    },
    yAxis: {
        type: 'value',
        axisLine : {
            show : false,
            lineStyle : {
                color : 'rgba(200,200,200,0.2)'
            }
        },
        axisLabel : {
            color : '#4397d2'
        },
        splitLine : {
            lineStyle : {
                color : 'rgba(200,200,200,0.2)'
            }
        }
    },
    grid : {
        top : '12%',
        bottom : '15%'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar',
        barWidth: 20,
        itemStyle : {
          normal : {
              barBorderRadius: [10, 10, 0, 0], //圆角
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: '#ff0'
                        }, {
                            offset: 1,
                            color: '#f00'
                        }])
          }  
        },
        label: {
            normal: {
                show: true,
                position: 'top',
                color : 'white'
            }
        },
    },{
        data: [100, 120, 50, 80, 70, 10, 30],
        type: 'bar',
        barWidth: 20,
        itemStyle : {
        normal : {
              barBorderRadius: [10, 10, 0, 0], //圆角
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: '#0ff'
                        }, {
                            offset: 1,
                            color: '#00f'
                        }])
          }  
        },
        label: {
            normal: {
                show: true,
                position: 'top',
                color : 'white'
            }
        },
    }]
};