PlotlyJS条形图:日期时间轴和两个相同类别的迹线出现问题

时间:2019-08-30 14:11:19

标签: javascript datetime plotly.js

我正在尝试修改以下来自官方文档的示例:https://codepen.io/plotly/pen/qdLQJB

我们的想法是使用白色标记创建带有条形图的甘特图,不同之处在于,我的x轴是日期类型,而不是整数。

现在,当我添加一条轨迹以绘制标记时,主要轨迹将转到2070年,我不明白为什么。

这是我的密谋代码:

 function GenerateGantt(ganttData) {       
        var offset = {
            x: [],
            y: [],
            name: '',
            type: 'bar',
            orientation: 'h'       
        };

        var traces = {
            x: [],
            y: [],
            name: '',
            type: 'bar',
            orientation: 'h'
        };

        ganttData.forEach(el => {
            offset.x.push(el.startDate);
            offset.y.push(el.name);

            traces.x.push(el.endDate);
            traces.y.push(el.name);
        });

        var data = [offset, traces];
        var layout = { 
            barmode: 'stack',
            xaxis: {range: [new Date(2019,7,23, 9), new Date(2019,7,24)]}
        };
        Plotly.newPlot('myDiv', data, layout, { scrollZoom: true });
 }

您可以在此处看到示例:https://jsfiddle.net/by240k3e/(我删除了白色标记以简化问题可视化)。 奇怪的是,如果我删除两个跟踪之一,则日期值是正确的。

我使用的是最新版本的plotlyjs(1.49.4),此时我正在认真考虑这是一个库错误。

谢谢

0 个答案:

没有答案