highcharts jquery 脚本中的舍入结果

Question

我知道这有点离谱……但还是要问一下。我正在使用 highcharts jquery 脚本 (http://www.highcharts.com/) 生成饼图。我试图四舍五入饼图中的数字结果，但找不到任何文档来执行此操作。我被困住了！

我的数据看起来像这样：

data: [
    ['Equity',   3],
    ['Cash',     6]
]

饼图输出： 33.333333333333 和 66.666666666666

我宁愿将结果分别向上和向下舍入，以便它读取并显示 33 和 64。有谁知道如何在 highcharts 中设置它？

Answer 1

在配置对象的工具提示选项中，在格式化程序函数中使用 Math.round() 。

   tooltip: {
     formatter: function() {
        return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage) +' %';
     }
  },

Answer 2

tooltip: {
  valueDecimals: 2
},

Answer 3

Highcharts API 中有一个 numberFormat 函数可供您使用（请参阅 http://www .highcharts.com/ref/#highcharts-object）。

引用自 API 文档：

numberFormat (Number number, [Numberdecimals], [StringdecimalPoint], [StringthousandSep]) ：字符串

格式化 JavaScript 数字，包含分组的千位、固定数量的小数和可选的小数点。它是PHP同名函数的移植。有关参数的完整说明，请参阅 PHP number_format。

tooltip: {
    formatter: function() {
        return ''+ this.series.name +''+
            this.x +': '+ Highcharts.numberFormat(this.y, 0, ',') +' millions';
    }
}, ...

参数

• 个数： 数量
  要格式化的原始数字。
• 小数：数字
  所需的小数位数。
• 小数点：字符串
  小数点。默认为“.”或在 options.lang.decimalPoint 中全局指定的字符串。
• 千位Sep：字符串
  千位分隔符。默认为“,”或在 options.lang.thousandsSep 中全局指定的字符串。

返回

一个带有输入数字格式的字符串。

Answer 4

您可以将yDecimals设置为2，而不是使用formatter：

tooltip: {
    yDecimals: 2
}

yDecimals：Number< br>
每个系列的 y 值中显示多少位小数。这在每个系列的工具提示选项对象中都是可覆盖的。默认是保留所有小数。

Answer 5

tooltip: {
    formatter: function() {
        return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage*100)/100 +' %';
    }
},

Answer 6

尝试

percentageDecimals: 0 

在你的工具提示中