横向数据堆叠柱图echarts 配置项内容和展示

项目自用,其中主要对柱子圆角渲染的判断,数据为0时为空的转换

      var data1 = [320, 600, 901, 934, 1290, 1330, 1320];
var data2 = [430, 182, 191, 234, 290, 250, 310];
var data3 = [150, 212, 201, 154, 190, 300, 0];
for (var i = 0; i < data3.length; i++) {
    if (data3[i] == 0) {
        if (data2[i] == 0) {
            data1[i] = {
                value: data1[i],
                itemStyle: {
                    barBorderRadius: [0, 20, 20, 0],
                },
            };
        } else {
            data2[i] = {
                value: data2[i],
                itemStyle: {
                    barBorderRadius: [0, 20, 20, 0],
                },
            };
        }
    } else {
        data3[i] = {
            value: data3[i],
            itemStyle: {
                barBorderRadius: [0, 20, 20, 0],
            },
        };
    }
}
option = {
    backgroundColor: "#fff",
    tooltip: {
        trigger: "axis",
        axisPointer: {
            type: "shadow",
            shadowStyle: {
                color: "rgba(210,219,238,0.2)"
            }
        },
    },
    legend: {
        data: ["正常", "警告", "预警"],
    },
    xAxis: {
        type: "value",
        // max: 4000,
    },
    yAxis: {
        type: "category",
        realtimeSort: true,
        data: [
            "某某1",
            "某某2",
            "某某3",
            "某某4",
            "某某5",
            "某某6",
            "某某7",
        ],
        axisLine: {
            show: false,
        },
        axisTick: {
            show: false,
        },
        axisLabel: {
            color: "#555",
            letterSpacing: "5",
        },
    },
    grid: {
        left: "0%",
        right: "4%",
        bottom: "3%",
        containLabel: true
    },
    series: [{
            name: "正常",
            type: "bar",
            stack: "总量",
            barMaxWidth: 40,
            itemStyle: {
                normal: {
                    color: "#d4d7ea",
                },
            },
            label: {
                normal: {
                    show: true,
                    position: "inside",
                    formatter: function(params) {
                        if (params.value > 0) {
                            return params.value;
                        } else {
                            return "";
                        }
                    },
                },
            },
            data: data1,
        },
        {
            name: "警告",
            type: "bar",
            stack: "总量",
            barMaxWidth: 40,
            itemStyle: {
                normal: {
                    color: "#7684C1",
                },
            },
            label: {
                normal: {
                    show: true,
                    position: "inside",
                    formatter: function(params) {
                        if (params.value > 0) {
                            return params.value;
                        } else {
                            return "";
                        }
                    },
                },
            },
            data: data2,
        },
        {
            name: "预警",
            type: "bar",
            stack: "总量",
            barMaxWidth: 40,
            itemStyle: {
                normal: {
                    color: "#22378a",
                },
            },
            label: {
                normal: {
                    show: true,
                    position: "inside",
                    formatter: function(params) {
                        if (params.value > 0) {
                            return params.value;
                        } else {
                            return "";
                        }
                    },
                },
            },
            data: data3,
        },
    ],
};