Echarts修改文本标签中数值的小数点精度

最新推荐文章于 2024-10-18 12:27:51 发布

Link-L

最新推荐文章于 2024-10-18 12:27:51 发布

阅读量5.1k

点赞数 3

分类专栏：学习笔记 vue echarts 文章标签： echarts 前端

本文链接：https://blog.csdn.net/weixin_44338096/article/details/116454610

版权

学习笔记同时被 3 个专栏收录

30 篇文章

订阅专栏

vue

7 篇文章

订阅专栏

echarts

1 篇文章

订阅专栏

博客介绍了如何通过设置Echarts的tooltip和axisPointer.label.precision属性来解决Y轴坐标显示精度的问题，确保数值以整数形式展示。通过将precision设为0，可以强制标签不显示小数部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts图表发现有精度问题
在这里插入图片描述

在axisPointer的label中加上 precision:0 就可以设置Y坐标精度为整数了

const option = { //配置
                tooltip: { //面板
                  trigger: 'none',
                    axisPointer: {
                        type: 'cross',
                         label:{
                             precision:0 
   //文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 2 表示保留两位小数。
                         }
                    }
                },