web-dev-qa-db-ja.com

Highchartsチャート値での数値のフォーマット？

その値を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でツールチップをフォーマットできますが、グラフの値はどうですか？

enter image description here

javascripthighcharts
13
kamaci

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

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

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

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

15
pdpMathi

_plotOptions.pie.dataLabels.formatter_は、ラベルをフォーマットできる関数です。この場合、小数点以下2桁で数値を切り捨てるthis.percentage.toFixed(2)を返しました。 this jsFiddle でのデモ

_plotOptions: {
    pie: {
        dataLabels: {
            formatter: function() {
                return '<b>' + this.point.name + '</b>: ' + this.percentage.toFixed(2) + ' %';
            }
        }
    }
},
_
19
Dennis

以下のようにフォーマットするだけです。

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

Highchartsフォーマットに関するドキュメント

14
Stevie Qiao
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, '.');
         }
     }
}];

値の形式は、データ内のdataLableで変更できます。

6
Adams.H
  tooltip: {
    pointFormat: "Percentage: {point.percentage:.2f}"
}

これはパーセント値を与えます

0
Oduwole Oluwasegun