echarts 柱状配置项内容和展示

      var data= ["00:00", "00;30", "01:00", "01:30", "02:00", "02;30", "03:00", "03:30", "04:00", "04;30", "05:00", "05:30", "06:00", "06;30", "07:00", "07:30"]

option = {
    backgroundColor: '#fff',
    // color: [new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
    //     offset: 0,
    //     color: "#13ace8"
    // }, {
    //     offset: 1,
    //     color: "#0167e8"
    // }], false)],
    color: 'rgba(48,149,250,0.85)',
    grid: {
        left: '8%',
        right: '10%',
        top: '12%',
        bottom: '18%',
        containLabel: true
    },
    tooltip: {
        show: "true",
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        }
    },
    yAxis: {
         type: 'value',
       
        axisTick: {
            show: false
        },
        axisLine: {
            show: false,
            lineStyle: {
                color: '#ccc',
            }
        },
        axisLabel: {
            show: true,
            color: "#ccc",
            fontSize: 18
        },
          splitLine: {
            show: true,
            lineStyle: {
                // type: 'dashed'
            }
        },


    },
    xAxis: [{
        axisTick: {
            show: false
        },
       
        type: 'category',
        axisLine: {
            show: false
        },
        axisLabel: {
            show: true,
            color: '#ccc',
            interval: 0,  
            rotate:"45"
                            //   formatter:function(value)  
                            //   {  
                            //       return value.split("").join("\n");  
                            //   } 
        },
        

        splitLine: {
            show: false,
            lineStyle: {
                type: 'dashed'
            }
        },
        data: data,
    }],
    series: [{
        name: '违规',
        type: 'bar',
        barWidth: 15,
        label: {
            normal: {
                show: false,
                position: 'right',
                textStyle: {
                    color: "#ccc",
                    fontSize: 14
                }
            }
        },
        itemStyle: {
            normal: {
                // barBorderRadius: [0, 0, 5, 0],
            }
        },
        data: [50, 60, 70, 80, 10, 40, 40, 50, 30, 100, 30, 55, 70, 89, 23, 69]
    }]
};