我正在尝试修改以下来自官方文档的示例: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),此时我正在认真考虑这是一个库错误。
谢谢