2015-03-23 7 views
39

Sto usando Highcharts e voglio formattare tutti i numeri mostrati in qualsiasi punto del grafico (tooltip, etichette degli assi ...) con migliaia di punti separati da virgole.Highcharts: formatta tutti i numeri con una virgola?

In caso contrario, le descrizioni comandi e le etichette predefinite sono eccezionali e desidero mantenerle esattamente uguali.

Ad esempio, in questo grafico, il numero deve essere 2,581,326.31 ma altrimenti esattamente uguale.

enter image description here

Come posso fare questo?

Ho provato ad aggiungere:

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

Ma questo sbarazzato del cerchio bello e l'etichetta di serie nella descrizione - Mi piacerebbe continuare questo. E idealmente preferirei usare una singola opzione per impostare la formattazione del numero globale, su tutto il grafico.

+0

Vorrei provare con un lang personalizzato, vedere http://stackoverflow.com/questions/7419358/highcharts-datetime-localization –

risposta

96

Questo può essere impostato con l'opzione globale thousandSep (API).

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

Vedere this JSFiddle example.

+3

Alcuni potrebbero trovare l'opzione 'decimalPoint' correlata e utile. [Vedi API] (http://api.highcharts.com/highcharts#lang.decimalPoint). –

+2

Il separatore di migliaia predefinito sembra essere uno spazio ora. Qualcosa è cambiato nella loro API? Anche il loro esempio lo mostra come uno spazio invece di una virgola nel tooltip. http://jsfiddle.net/highcharts/rmTWS/ – DMTintner

+1

Lo spazio è predefinito da Highcharts 4.1.0. Prima era una virgola. "Usa lo spazio come separatore delle migliaia predefinito, è indipendente dalla cultura e dallo standard ISO." https://github.com/highcharts/highcharts/commit/6cc2a45c7c4ca0cc9bd61f9ad665b71fea9f4a15 –