2015-03-23 8 views
39

Ich verwende Highcharts und ich möchte alle Zahlen, die irgendwo im Diagramm angezeigt werden (Tooltips, Achsenbeschriftungen ...), mit durch Komma getrennten Tausender formatieren.Highcharts: Formatieren Sie alle Zahlen mit Komma?

Ansonsten sind die Standard-Tooltips und Beschriftungen groß, und ich möchte sie genau gleich behalten.

Zum Beispiel sollte in diesem Diagramm die Nummer 2,581,326.31 sein, aber ansonsten genau das Gleiche.

enter image description here

Wie kann ich das tun?

Ich habe versucht, und fügte hinzu:

tooltip: { 
     pointFormat: "{point.y:,.0f}" 
    } 

Aber dies wurde im Tooltip des netten Kreis und Serie Etikett los - ich, dass halten möchten. Und im Idealfall würde ich lieber eine einzige Option verwenden, um die globale Zahlenformatierung für das gesamte Diagramm festzulegen.

+0

Ich würde versuchen, mit einem benutzerdefinierten lang, siehe http://StackOverflow.com/Questions/7419358/Highcharts-DateTime-Localization –

Antwort

96

Dies kann mit der globalen Option thousandSep (API) eingestellt werden.

Highcharts.setOptions({ 
    lang: { 
     thousandsSep: ',' 
    } 
}); 

Siehe this JSFiddle example.

+3

Einige könnten die "DezimalPoint" -Option verwandt und nützlich finden. [Siehe API] (http://api.highcharts.com/highcharts#lang.decimalPoint). –

+2

Das standardmäßige Tausendertrennzeichen scheint jetzt ein Leerzeichen zu sein. Hat sich in ihrer API etwas geändert? Sogar ihr Beispiel zeigt es als ein Leerzeichen anstelle eines Kommas im Tooltip. http://jsfiddle.net/highcharts/rmTWS/ – DMTintner

+1

Space ist Standard von Highcharts 4.1.0. Davor war es Komma. "Verwenden Sie Leerzeichen als Standard-Tausendertrennzeichen. Es ist kulturunabhängig und ISO-Standard." https://github.com/highcharts/highcharts/commit/6cc2a45c7c4ca0cc9bd61f9ad665b71fea9f4a15 –

Verwandte Themen