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

