客户占比分析echarts 配置项内容和展示

      option = {
    backgroundColor: "",
    color: [
        "#F7B502",
        "#148AC5"
    ],
    title: {
        text: "Block Won",
        left: "9%",
        top: "4%",
        textStyle: {
            color: "#fffff",
            fontSize: "14"
        }
    },
    legend: {
        orient: "vertical",
        data: [{
                name: "老客户总数",
                icon: "circle"
            },
            {
                name: "新客户总数",
                icon: "circle"
            }
        ],
        right: 0,
        top: "4%",
        textStyle: {
            color: "#FFFFF"
        }
    },
    grid: {
        left: "4%",
        right: "8%",
        bottom: "10%",
        top: "14%",
        containLabel: true
    },
    tooltip: {
        trigger: "axis",
        axisPointer: {
            type: "shadow"
        },
        textStyle: {
            align: 'left'
        }
    },

    xAxis: [{
        type: "category",
        data: [
            "2018-11",
            "2018-12",
            "2019-01",
            "2019-02",
            "2019-03",
            "2019-04",
            "2019-05",
            "2019-06",
            "2019-07",
            "2019-08",
            "2019-09",
            "2019-10",
            "2019-11",
            "2019-12",
            "2020-01",
            "2020-02",
            "2020-03",
            "2020-04",
            "2020-05"
        ],
        axisTick: {
            show: true
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: "#FFFFF",
                fontSize: 14
            },
            formatter: "{value}"
        },
        axisLine: {
            show: true
        }
    }],
    yAxis: [{
        type: "value",
        axisTick: {
            show: true
        },
        axisLine: {
            show: true
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: "#FFFFF",
                fontSize: 14
            }
        },
        splitLine: { //网格线
            show: true,
            lineStyle: {
                color: "rgba(255,255,255,0.2)"
            }
        }
    }],
    series: [{
            name: "老客户总数",
            type: "bar",
            stack: "总量",
            barWidth: "60%",
            data: [
                110,
                70,
                90,
                130,
                210,
                90,
                120,
                110,
                70,
                90,
                130,
                210,
                90,
                120,
                120,
                110,
                70,
                90,
                130
            ]
        },
        {
            name: "新客户总数",
            type: "bar",
            stack: "总量",
            barWidth: "70%",
            data: [
                120,
                140,
                160,
                130,
                140,
                110,
                70,
                90,
                130,
                210,
                90,
                120,
                120,
                110,
                70,
                90,
                130,
                190,
                99
            ]
        }
    ]
};