LightningChart JS缩放带图X轴仅显示毫秒 如何正确展示日期时间

问题原因 #

Zoom Band Chart的X轴默认使用数值型刻度策略，不会自动继承主XY图表的日期时间刻度配置，因此传入的时间戳毫秒值会直接作为数值展示。

修复代码 #

在缩放带图初始化完成后，单独为其X轴配置日期时间刻度策略即可，代码示例如下：

// 导入依赖（如果未导入的话需要先加这行）
import { lightningChart, AxisTickStrategies } from '@arction/lcjs'

// 你的原有缩放带图初始化逻辑
const zoomBandChart = lightningChart().ZoomBandChart({
  // 原有配置：比如绑定的主图表、容器等
})

// 新增：配置缩放带X轴的日期时间刻度
zoomBandChart.getAxisX()
  .setTickStrategy(
    AxisTickStrategies.DateTime, 
    // 此处格式化规则可和主XY图表的X轴配置保持一致，确保显示统一
    (strategy) => strategy.setFormatting({
      year: 'numeric',
      month: '2-digit',
      day: '2-digit',
      hour: '2-digit',
      minute: '2-digit'
    })
  )

效果说明 #

配置完成后缩放带X轴会按照你指定的格式显示日期时间，和主XY图表显示规则保持一致，无需额外配置数据转换逻辑。

问题示意图 #

内容的提问来源于stack exchange，提问作者maq webster