javascript - Highcharts チャート値での数値の書式設定?

Question

その値を Highcharts 円グラフに与えます。

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

ただし、円グラフでは次のように表示されます。

A -> 75.00000000000001 %
B-> 25 %

ハイチャートでツールチップをフォーマットできます チャートの値はどうですか?

Answer 1

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) + ' %';
            }
        }
    }
},

Answer 2

パーセンテージではなく数値として値を表示するツールチップフォーマッタオプションがあります

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

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

this.point.yがトリックを実行します（これで、その場所にthis.percentageがあります）

Answer 3

以下のようにフォーマットできます。

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

ハイチャートのフォーマットに関するドキュメント