You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何隐藏LightningChart ChartXY下方的日期标签(DateTime刻度策略)

LightningChart v5+ 隐藏X轴下方日期标签的解决方案

你可以通过在AxisTickStrategies.DateTime的配置中添加setDateOriginLabelVisible(false)来隐藏图表下方单独显示的日期标签,同时保留DateTime策略的格式化能力。

修改后的代码示例:

const dateOrigin = new Date();
chart.getDefaultAxisX().setTickStrategy(AxisTickStrategies.DateTime, (tickStrategy) => {
    return tickStrategy
        .setDateOrigin(dateOrigin)
        .setDateOriginLabelVisible(false) // 隐藏下方的日期标签
        .setFormattingSecond(
            undefined,
            { hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: false },
            (x) => 'minor'
        )
})  

说明

  • setDateOriginLabelVisible(false)是专门控制DateTime刻度策略下,图表底部单独显示的日期标签可见性的方法,默认值为true,设置为false即可隐藏该标签。
  • 此设置不会影响X轴上的时间刻度格式化,依然可以使用setFormattingSecond等方法自定义时间显示样式,同时保留setDateOrigin的配置以保证图表正常绘制。

内容的提问来源于stack exchange,提问作者TijeO

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.24 18:32:32