web-dev-qa-db-ja.com

ハイチャートjqueryスクリプトでの結果の丸め

これが少しあることは知っていますが、とにかく尋ねます。 highcharts jqueryスクリプト（http://www.highcharts.com/）を使用して円グラフを生成しています。円グラフの数値結果を四捨五入しようとしていますが、それを行うためのドキュメントが見つかりません。行き詰まっている！

私のデータは次のようになります：

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

円グラフの出力：33.333333333333および66.666666666666

33と64を読み取って表示するように、結果をそれぞれ切り上げと切り捨てにしたいのですが、誰でもこれをハイチャートに設定する方法を知っていますか？

jqueryhighchartsrounding
19
Robert E

構成オブジェクトのツールチップオプションで、フォーマッタ関数でMath.round（）を使用します。

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

Highcharts APIには、使用可能なnumberFormatfunctionが用意されています（ http://www.highcharts.com/ref/#highcharts-object を参照）。

APIドキュメントから引用：

numberFormat（Number number、[小数点以下の桁数]、[String decimalPoint]、[String1,000Sep]）：文字列

数千、グループ化された小数、およびオプションの小数点を使用してJavaScript数値をフォーマットします。これは、同じ名前のPHP関数の移植版です。パラメータの詳細な説明については、PHP number_formatを参照してください。

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

パラメーター

  • number：Numberフォーマットする生の数値。
  • decimals：Number必要な小数点以下の桁数。
  • decimalPoint：String小数点。デフォルトは "。"です。または、options.lang.decimalPointでグローバルに指定された文字列に。
  • 1000Sep：String桁区切り記号。デフォルトは「、」、またはoptions.lang.thousandsSepでグローバルに指定された文字列です。

戻り値

入力番号がフォーマットされた文字列。

22
eolsson

formatterを使用する代わりに、yDecimalsを2として設定できます。

tooltip: {
    yDecimals: 2
}

yDecimals：Number
How many decimals to show in each series' y value. This is overridable in each series' tooltip options object. The default is to preserve all decimals.

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

試す

percentageDecimals: 0

ツールチップで

0
RailsZilla.com