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
相关产品推荐
相关产品推荐

