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

如何在ApexCharts中避免数值舍入,使图表显示与tooltip一致

配置ApexCharts显示未舍入数值与Tooltip一致的解决方案

要让ApexCharts的轴标签显示未舍入的原始数值,与tooltip中的数值保持一致,只需针对对应坐标轴和tooltip配置自定义格式化函数即可:

1. 坐标轴标签配置

以Y轴为例,在图表配置的yaxis选项中,设置labels.formatter直接返回原始数值,跳过默认的舍入逻辑:

yaxis: {
  labels: {
    formatter: (value) => value
  }
}

如果需要处理X轴,同理修改xaxis.labels.formatter即可。

2. Tooltip数值配置

确保tooltip的数值也显示原始值(默认tooltip会展示原始值,若之前有自定义格式化需调整):

tooltip: {
  y: {
    formatter: (value) => value
  }
}

配置完成后,图表轴上的数值将和tooltip中展示的完全一致,不会出现舍入差异。

内容的提问来源于stack exchange,提问作者Alexandre Santos Gomes

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 07:31:06