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

Chart.js缩放时X轴首尾刻度精度异常及时间轴回调失效问题

Chart.js + chartjs-plugin-zoom 缩放后X轴首尾刻度精度异常问题
  • 问题现象:使用chartjs-plugin-zoom进行X、Y轴缩放时,通过Chart.config._config.options.scales.xAxis.ticks.precision = 1设置X轴刻度默认保留1位小数,但缩放操作后,X轴的首尾刻度会显示14位小数,其余刻度则正常保留1位小数。
  • 疑问:是否存在专门的配置项可以限制首尾刻度的精度?或者这属于Chart.js或chartjs-plugin-zoom的bug?
  • 已尝试的方案及问题:在Chart.js 4.3版本中,为scales.xAxis.ticks添加了如下回调函数:
callback: function(value) {
    if (Math.floor(value) === value) {
      return value;
    }
}
  • 在折线图中,该回调生效,但会导致所有刻度都失去小数位;
  • 在时间轴类型的图表中,该回调会导致刻度完全不显示。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.19 10:52:01