javascript - 在 LightningChart JS 中显示完整日期而不仅仅是 hh:ss 的方式？

Question

上面的屏幕截图显示了缩小的版本，其中显示了完整格式的日期，但在放大时，它仅以 hh:ss 显示时间。第二个屏幕截图显示了放大版本 有没有办法在放大版本的图例上显示完整日期？请帮忙

Answer 1

创建DateTime AxisTickStrategy 后，您可以通过AxisTickStrategies.DateTime()调用中的第三个参数为其提供格式化选项。第三个参数需要一个Intl.DateTimeFormat选项对象提供给它。

遵循Intl.DateTimeFormat.options对象属性的文档。我们可以让日期和时间始终可见

lightningChart().ChartXY({
    defaultAxisXTickStrategy: AxisTickStrategies.DateTime(
        undefined, 
        undefined,
        {
            year: 'numeric',
            month: 'long',
            day: 'numeric',
            hour: 'numeric',
            minute: 'numeric'
        }
    )
})

undefined如果你想使用它们的默认值，你可以传递给第一个和第二个参数。

有了它，我们可以得到类似于以下屏幕截图的结果：

这样做时，格式在放大时不会改变，它将始终保持不变。Intl.DateTimeFormat.options可以按照属性文档对格式进行更多自定义。