线索跟进分析echarts 配置项内容和展示

根据数据变化

      var xName = ['大华南区', '大华北区', '大西南区', '大西北区', '大华中区', '大东南区', '大东南区', '大华东区']
var legendName = ['未跟进', '待跟进', '逾期未跟进']
var data = [{
            name: '未跟进',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: false,
                    position: 'insideRight'
                }
            },
            data: [98, 100, 40, 150, 60, 200, 100, 150],
            barWidth:'50%'
        }, {
            name: '待跟进',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: false,
                    position: 'insideRight'
                }
            },
            data: [60, 40, 100, 80, 70, 20, 90, 50],
            barWidth:'50%'
        }, {
            name: '逾期未跟进',
            type: 'bar',
            stack: '总量',
            label: {
                normal: {
                    show: false,
                    position: 'insideRight'
                }
            },
            data: [60, 40, 100, 80, 70, 110, 130,140],
            barWidth:'50%'
        },]
 option = {
    title: {
        text: '线索跟进分析',
        subtext: '根据数据变化',
        subtextStyle: {
            color: '#f00'
        },
        x: 'center'
    },
    calculable: true,
    tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    legend: {
        bottom: '10px',
        data: legendName
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '15%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        axisTick: {
            show:false
        },
        data: xName
    },
    yAxis: {
        splitNumber:2,
        // interval: 40,
        axisLine: {
            show: false
        },
        axisTick: {
            show:false
        },
        splitLine: {
            show:false
        }
    },
    series: data
};