Chart.js带有稀疏数据点的x轴日期

Question

我想创建一个像这样的阶梯状折线图，其中我的x轴数据点稀疏，但希望比例尺保持恒定。

例如，我拥有的一些数据如下，并且我希望在没有给定数据点的日期之间绘制水平线。

@Override
public RequestConfig.Builder customizeRequestConfig(RequestConfig.Builder builder) {
    return builder.setSocketTimeout(socketTimeout); // try to prevent SocketTimeoutException
}

但是这给了我每个给定点的标签，没有任何时间尺度

感谢您在学习这个新库（使用新语言）方面的帮助，谢谢！

以下是图表代码：     

margin: 0 auto

Answer 1

那呢？ My code in the JSBin

只需使用时间刻度。如果需要，可以将其设置为我在JSBin中准备的特定单位。否则，chart.js会自动决定单位。

options:
  scales: {
    xAxes: [{
      type: 'time'
    }]
  }
}

请注意，我将填充颜色更改为rgba，以便可以看到gridLines。如果您不想这样做，则不需要这样做。 我进行的另一项更改是删除了标签属性，因为如果遵循给出x和y值的数据格式，则不需要标签。

您还应该注意，右侧的垂直线被切断了。我不知道解决该问题的方法，也找不到解决方案。在您的示例图像中，它运行良好。我很想听听您对此的解决方案！