Estoy usando Highcharts y quiero formatear todos los números que se muestran en cualquier parte del gráfico (información sobre herramientas, etiquetas de eje...) con miles separados por comas.
De lo contrario, la información sobre herramientas y las etiquetas predeterminadas son geniales, y quiero mantenerlas exactamente igual.
Por ejemplo, en este gráfico, el número debería ser 2,581,326.31
pero, por lo demás, exactamente igual.
¿Cómo puedo hacer esto?
Intenté agregar:
tooltip: { pointFormat: "{point.y:,.0f}" }
Pero esto eliminó la bonita etiqueta de círculo y serie en la información sobre herramientas; me gustaría mantener eso. E idealmente, preferiría usar una sola opción para establecer el formato de número global, en todo el gráfico.
Esto se puede configurar con la opción global de thousandSep
sep ( API ).
Highcharts.setOptions({ lang: { thousandsSep: ',' } });
Vea este ejemplo de JSFiddle .
De esta manera funcionó conmigo.
Configuré en la opción yAxis.
yAxis: { labels: { formatter: function() { return Highcharts.numberFormat(this.value, 2); } } }
En caso de que quiera mostrar números sin comas y espacios.
p.ej. por defecto 9800 se muestra como 9 800.
Si desea que 9800 se muestre como 9800
puedes probar esto en la información sobre herramientas:
tooltip: { pointFormat: '<span>{point.y:.f}</span>' }