在 LightningChart JS 中显示完整日期而不仅仅是 hh:ss 的方法?
Way to show full date instead of just hh:ss in LightningChart JS?
上面的屏幕截图显示了缩小版本,其中显示了完整格式的日期,但在放大时只显示 hh:ss 中的时间。
第二张截图显示了放大版本
有没有办法在放大版本中显示图例的完整日期?请帮忙
当DateTime AxisTickStrategy is created, you can supply it formatting options through the third parameter in the AxisTickStrategies.DateTime()
call. This third parameter expects a 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
属性文档进一步自定义格式。
上面的屏幕截图显示了缩小版本,其中显示了完整格式的日期,但在放大时只显示 hh:ss 中的时间。
第二张截图显示了放大版本
当DateTime AxisTickStrategy is created, you can supply it formatting options through the third parameter in the AxisTickStrategies.DateTime()
call. This third parameter expects a 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
属性文档进一步自定义格式。