车辆报警统计echarts pictorialBar配置项内容和展示

      option = {
    backgroundColor: 'rgba(30, 34, 48, 1)',
    grid: {
        left: '5%',
        top: '10%',
        right: '5%',
        bottom: '5%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        data: ['承运商1', '承运商2', '承运商3', '承运商4', '承运商5'],
        axisLine: { 
            lineStyle: {
                color: 'rgba(52, 51, 51, 1)'
            }
        },
        splitLine: { show: false },
        axisLabel: {
            margin: 20,
            textStyle: {
                fontFamily: 'MicrosoftYaHei',
                fontSize: 12,
                color: 'rgba(113, 113, 113, 1)'
            }
        },
        axisTick: { show: false }
    },
    yAxis: {
        type: 'value',
        name: '辆',
        nameTextStyle: {
            fontFamily: 'MicrosoftYaHei',
            fontSize: 12,
            color: 'rgba(113, 113, 113, 1)'
        },
        axisLine: {
            show: true,
            lineStyle: {
                color: 'rgba(52, 51, 51, 1)'
            }
        },
        splitLine: { show: false },
        axisLabel: {
            margin: 20,
            textStyle: {
                fontFamily: 'MicrosoftYaHei',
                fontSize: 12,
                color: 'rgba(113, 113, 113, 1)'
            }
        },
        axisTick: { show: false }
    },
    series: [
        {
            name: '报警',
            type: 'pictorialBar',
            animationDuration: 0,
            legendHoverLink: false,
            symbolRepeat: 'true',
            symbolMargin: '20%',
            symbol: 'rect',
            symbolSize: [20, 5],
            itemStyle: {
                color: 'RGBA(196, 160, 114, 1)'
            },
            data: [33, 45, 30, 23, 60],
            z: 1,
            animationEasing: 'elasticOut'
        
        },
        {
            name: "背景",
            type: 'pictorialBar',
            animationDuration: 0,
            symbolRepeat: 'fixed',
            symbolMargin: '20%',
            symbol: 'rect',
            symbolSize: [20, 5],
            itemStyle: {
                color: 'RGBA(62, 62, 62, 0.8)'
            },
            label: {
                show: false
            },
            data: [0, 0, 0, 0, 0],
            z: 0,
            animationEasing: 'elasticOut'
        }
    ]
};