13

我将该值赋予 Highcharts 饼图：

  series:[
        {
            type:'pie',
            name:'Ratio',
            data:[
                ['A', 42.6],
                {
                    name:'B',
                    y:14.2,
                    sliced:true,
                    selected:true
                }
            ]
        }
    ]

但是它在饼图中显示如下：

A -> 75.00000000000001 %
B-> 25 %

您可以在 Highcharts 格式化工具提示，图表值怎么样？

在此处输入图像描述

4

5 回答 5

19

plotOptions.pie.dataLabels.formatter是一个可以让您格式化标签的函数。在这种情况下，我返回this.percentage.toFixed(2)了它会将您的数字修剪到小数点后 2 位。在这个 jsFiddle演示

plotOptions: {
    pie: {
        dataLabels: {
            formatter: function() {
                return '<b>' + this.point.name + '</b>: ' + this.percentage.toFixed(2) + ' %';
            }
        }
    }
},
于 2012-08-09T10:19:28.737 回答
16

我们确实有工具提示格式化程序选项来将值显示为数字而不是百分比

http://api.highcharts.com/highstock#tooltip.formatter

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

this.point.y 可以解决问题（现在你在那个地方有了 this.percentage）

于 2012-08-09T10:29:22.450 回答
14

您可以像下面这样格式化它。

    tooltip: {
    pointFormat: "Value: {point.y:.2f}"
}

关于 Highcharts 格式的文档

于 2013-05-24T02:53:57.160 回答
6 
tooltip: {
   pointFormat: "Value: {point.y:.2f}"
}

这不是用于格式化值。

var data = [{
     name: 'Population',
     data: [],
     dataLabels: {
         enabled: true,
         rotation: -90,
         color: '#FFFFFF',
         align: 'right',
         x: 4,
         y: 10,
         style: {
             fontSize: '13px',
             fontFamily: 'Verdana, sans-serif',
             textShadow: '0 0 3px black'
         }, formatter: function() {
             return  Highcharts.numberFormat(this.y, 2, '.');
         }
     }
}];

值的格式可以在数据中的 dataLables 中更改。

于 2013-11-20T03:52:36.223 回答
0 
  tooltip: {
    pointFormat: "Percentage: {point.percentage:.2f}"
}

这将为您提供百分比值

于 2019-03-26T11:58:32.707 回答