Saltar al contenido

Personalice la información sobre herramientas y formatee el número a 2 lugares decimales de gráficos altos

Solución:

Puede utilizar Format Strings para ayudarlo a formatear números y fechas.

x lugares decimales

Ver el JSFiddle

// point.percentage = 29.9345816
pointFormat: '{point.percentage:.0f}%' // returns: `30%` - (rounds to nearest)
pointFormat: '{point.percentage:.1f}%' // returns: `29.9%`
pointFormat: '{point.percentage:.2f}%' // returns: `29.93%`
pointFormat: '{point.percentage:.3f}%' // returns: `29.935%`

Separador de miles

Ver el JSFiddle

// point.percentage = 1029.9
{point.percentage:,.0f} // returns: `1,030`
{point.percentage:,.1f} // returns: `1,029.9`

Leer más en la documentación:

Documentación: http://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting

Puede cambiarlo para que muestre el valor de los datos modificando la información sobre herramientas pointFormat de pointFormat: '{series.name}: <b>{point.percentage}%</b>', para pointFormat: '{series.name}: <b>{point.y}%</b>',

Puede redondear los números utilizando el Highcharts.numberFormat() funciona así en su formateador:

formatter: function() {
    return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.percentage, 2) +' %';
}

Aquí hay una descripción detallada sobre el formateador de información sobre herramientas http://api.highcharts.com/highcharts#tooltip.formatter

this.point (not shared) / this.points[i].point (shared)

Y prueba this.points[i].point si this.point no funcionó

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *