echarts 饼图 formatter属性 百分比自动四舍五入吗?后端给返回了百分比，前端展示出来自动省略了一位，是未什么呢？ 后端给我返回的是81.82 我打印出来就是81.8了

Question

echarts 饼图 formatter属性 百分比自动四舍五入吗?后端给返回了百分比，前端展示出来自动省略了一位，是未什么呢？
后端给我返回的是81.82 我打印出来就是81.8了

Answer 1

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/259193
• 这篇博客也不错, 你可以看下echarts：饼图标签formatter的使用/饼图自定义标签
• 除此之外, 这篇博客: Echarts图表之formatter用法中的 2. 回调函数 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 回调函数格式：

  (params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string
  

• 您还可以看一下 汤小洋老师的【实战】ECharts数据可视化之疫情实时监控展示课程中的 获取疫情数据并分析小节, 巩固相关知识点
  
• 以下回答由chatgpt基于相关博客总结生成:

  // 定义一个饼图 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { // 饼图的数据 series: [{ type: 'pie', data: [ {value: 81.82, name: 'A'}, {value: 18.18, name: 'B'} ], // 增加formatter属性，用于展示百分比 tooltip: { formatter: '{b}：{c} ({d}%)' }, label: { formatter: '{b}：{c} ({d}%)' }, // formatter属性控制饼图中显示的文本格式 labelLine: { smooth: 0.2, length: 10, length2: 20 } }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option);

  段落1: 从参考资料中可以看到，饼图中的百分比展示是通过formatter属性实现的，其中的百分比数据默认是按照小数点后一位进行四舍五入的。

  段落2: 如果我们需要显示更多位小数，可以在formatter中使用toFixed函数进行格式化，例如：'formatter: "{b} ：{c} ({d}%)"'中的{d}可以改为toFixed(2)。

  段落3: 在这里，由于从后端得到的数据是81.82%，显示的时候只有81.8%，这是因为在默认情况下，格式化后的数值只保留一位小数点，所以需要通过使用toFixed函数来指定保留几位小数点。

  段落4: 通过对formatter中的代码进行相应的修改，例如 {b}：{c} ({d}% .toFixed(2)), 就可以实现保留两位小数点的百分比展示。