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

如何自定义Chart.js提示框仅显示Y轴数值(无需重写全部回调)

Chart.js 自定义提示框仅显示Y轴数值的简化方案

不用重写全部回调函数,只需在提示框配置中针对性修改几个回调即可实现仅显示Y轴数值:

  • 把title和footer回调设为返回null,隐藏标题和底部内容
  • 保留并自定义label回调,返回解析后的Y轴数值

示例代码如下:

options: {
  plugins: {
    tooltip: {
      callbacks: {
        title: () => null,
        label: (context) => context.parsed.y,
        footer: () => null
      }
    }
  }
}

配置完成后,比如你提到的2010年对应的柱状图提示框,就会仅显示10。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.29 18:53:10