JavaScript/D3 - 使用生成的日期范围创建时间线条形图

Question

我开始发现D3。我需要创建一个条形图，它采用底部 X 轴的 2 个日期（演示中的

this.startEndDateXAxis[0]

和

this.startEndDateXAxis[1]

）之间的 20 个中间日期，以及左侧的 2 个静态值：Actual 和 scheduleds Y 轴。

然后我们采用这样的数据集：

timelineData = [
  {
    type: 'Created',
    actualDate: '2023-08-30T11:15:02+0000',
    scheduledDate: '2023-08-30T11:15:02+0000',
  }
]

并用条形图（例如，仅一条 2px 线）在 X 轴上显示 2 个日期（

actualDate

和

scheduledDate

），

startDate

必须位于具有 Actual 值的高度，并且

scheduledDate

必须位于位于具有

Scheduled

Y 轴值的高度。

这是一个游乐场演示：Stackblitz 游乐场演示

谢谢您的帮助

Answer 1

您是否尝试过Observable Plot（基于 D3 构建）？