lineal - highcharts php

Cómo formatear Highcharts dataLabels puntos decimales

Question

¿Puede por favor ver este ejemplo y saber cómo puedo formatear los dataLabels para que se muestren solo con dos números decimales?

Aquí está el número de formatos que tengo en la serie.

 series: [{
                name: ''Tokyo'',
                data: [7.554555, 6.34345559, 9.5555, 14.5555, 18.4333433, 21.5555, 25.2, 26.5333333, 23.33333, 18.23243543, 13.776565669, 9.65454656]
            }, {
                name: ''London'',
                data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
            }]

y me gustaría presentarlos como 7.55, 6.34, 9.55. Gracias

Answer 1

En caso de que alguien quiera ir "más allá", muestro datos que pueden ser de 10 ^ 1 a 10 ^ 9, por lo que los convierto y luego muestro la unidad.

Recuerde, Highcarts solo trata con números enteros, por lo tanto, si desea agregar unidades (y no en el YAxis debido a las múltiples unidades), puede ingresarlo en los datos de origen, pero luego debe formatearlos:

column: {
            dataLabels: {
                enabled: true,
                formatter: function () {
                    // Display only values greater than 0.
                    // In other words, the 0 will never be displayed.
                    if (this.y > 0) {
                        if (this.y >= Math.pow(10, 9))
                        {
                            return Highcharts.numberFormat(this.y /Math.pow(10, 9) , 1) + " mias";
                        }
                        else if (this.y >= Math.pow(10, 6))
                        {
                            return Highcharts.numberFormat(this.y /Math.pow(10, 6) , 1) + " mios";
                        }
                        else
                        {
                            return Highcharts.numberFormat(this.y, 0);
                        }
                    }
                },

mias: significa "milliards" (traducción al francés de billar) mios: significa "millones" (traducción al francés de millones)

Answer 2

Noté en los comentarios que querías no mostrar ceros finales .

Esta fue la solución más simple que pude reunir:

...
dataLabels: {
    enabled: true,
    formatter: function () {
        return parseFloat(this.y.toFixed(2)).toLocaleString();
    }
}
...

Si no desea que el número termine con un separador de coma (según la configuración regional), elimine el .toLocaleString ().

Nota de inicio: Desafortunadamente, el uso de formato (en lugar de formateador y una función js como lo hacemos anteriormente) se limita a un subconjunto de convenciones de formato flotante de la función de biblioteca de C sprintf, como se indica aquí en el sitio web de highcharts . Esa biblioteca tiene el código g que haría esto automáticamente por nosotros, pero desafortunadamente no está implementado en Highcharts :(, es decir, el formato: ''{point.y:,. 2g}'' no funciona.

Answer 3

Simplemente agregaría la opción de formato a las etiquetas de datos de la siguiente manera:

dataLabels: {
    enabled: true,
    format: ''{point.y:,.2f}''
}

Es la forma más sencilla de hacerlo sin tener que definir una función utilizando el formateador.

extra:

La coma después de los dos puntos asegura que un número como 1450.33333 se muestre como 1.450.33, lo que también es bueno.

Answer 4

dataLabels combinar el formatter Highcharts.numberFormat y Highcharts.numberFormat :

...
dataLabels: {
    enabled: true,
    formatter: function () {
        return Highcharts.numberFormat(this.y,2);
    }
}
...

Ver jsFiddle