修改下端代码,将y轴每一行的数据颜色一致,不同行颜色不一致:let data = {{ data|safe }}; let seriesData = []; let yAxisData_tower = []; const colorList = ["rgba(0,187,255,.4)", "rgba(80,227,194,.4)", "rgba(255,115,115,.4)", "rgba(255,207,107,.4)"]; data.forEach((item, index) => { yAxisData_tower.push(item.tower); let bgColor; item.list.forEach((listItem, listIndex) => { bgColor = colorList[listIndex % colorList.length]; // 使用取余运算来循环颜色列表 let startTime = new Date(listItem.startTime).getTime(); let endTime = new Date(listItem.endTime).getTime(); seriesData.push({ name: listItem.item, value: [index, startTime, endTime], itemStyle: { normal: { color: bgColor, }, }, }); }); });

让每一行的数据颜色一致，可以将颜色列表按照每一行的顺序循环使用。修改后的代码如下：

let data = {{ data|safe }};
let seriesData = [];
let yAxisData_tower = [];
const colorList = ["rgba(0,187,255,.4)", "rgba(80,227,194,.4)", "rgba(255,115,115,.4)", "rgba(255,207,107,.4)"];

data.forEach((item, index) => {
    yAxisData_tower.push(item.tower);
    let bgColor = colorList[index % colorList.length]; // 使用取余运算来循环颜色列表

    item.list.forEach((listItem, listIndex) => {
        let startTime = new Date(listItem.startTime).getTime();
        let endTime = new Date(listItem.endTime).getTime();
        seriesData.push({
            name: listItem.item,
            value: [index, startTime, endTime],
            itemStyle: {
                normal: {
                    color: bgColor,
                },
            },
        });
    });
});

这样就可以保证每一行的数据颜色一致了。