首页 > 解决方案 > 甘特高图条对齐问题

问题描述

在处理这些高图表时,我还有一个查询。任务栏的对齐方式不正确。它们比提到的线高出一半。你能帮帮我吗?

Codepen link: [https://codepen.io/rohitkatarya7/pen/rNzYdVB][1]

标签: highchartsalignmenthighcharts-gantt

解决方案


与其使用多个系列,不如只使用一个。您可以通过以下方式快速将数据结构转换为一个系列:

const oneSeries = {
    data: []
};

seriesData.forEach(s => {
    s.data.forEach(dataEl => {
        oneSeries.data.push(dataEl);
    });
});

现场演示:http: //jsfiddle.net/BlackLabel/8opa57kw/

API 参考: https ://api.highcharts.com/gantt/series.gantt


推荐阅读