数字分析--全年Top5明星场馆echarts 柱状配置项内容和展示

      
var xdata = [0, 500, 1000, 1500, 2000, 2500, 3000, 3500];
var ydata = ['D区出口1', 'B区出口2', 'D区出口2','C区出口1','E区出口2'];
var dataArr = [3400, 3200, 2700,2600,2000];
option = {
    backgroundColor: 'rgba(0,0,0,.5)',
    tooltip: {
        // trigger: 'axis'
    },
    grid: {
        left: "8%",
        top: "12%",
        right: "5%",
        bottom: "5%",
        containLabel: true
    },
    calculable: true,
    xAxis: [{
            type: 'value',
            boundaryGap: [0, 1],
            axisLabel: {
                textStyle: {
                    fontSize: 12,
                    color: "#02E3FF",
                }
            },
            axisLine: {
                lineStyle: {
                    color: 'rgba(255,255,255,0)'
                }
            },
            splitLine: {
                lineStyle: {
                    type: 'dashed',
                    color: '#DDD'
                }
            },
        },
       
    ],
    yAxis: [{
            type: 'category',
            data: ydata,
            axisLabel: {
                textStyle: {
                    fontSize: 12,
                    color: '#D5CBE8'
                }
            },
            axisTick: "none",
            axisLine: {
                lineStyle: {
                    color: '#135184',
                    width: 3
                }
            },
        },

    ],
    series: [{
            type: 'bar',
            barWidth: 20,
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                        offset: 0,
                        color: '#248ff7'
                    }, {
                        offset: 1,
                        color: '#6851f1'
                    }]),
                    barBorderRadius: [0, 10, 10, 0],
                }

            },
            data: dataArr,
        },
    ]
};