如何自定义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
相关产品推荐
相关产品推荐

