2012-08-09 136 views
12

me dan que los valores de Highcharts gráfico circular:Formato numérico en Highcharts Chart Values?

series:[ 
     { 
      type:'pie', 
      name:'Ratio', 
      data:[ 
       ['A', 42.6], 
       { 
        name:'B', 
        y:14.2, 
        sliced:true, 
        selected:true 
       } 
      ] 
     } 
    ] 

No obstante lo muestra como que en gráfico de sectores:

A -> 75.00000000000001 % 
B-> 25 % 

Puede dar formato a la información de herramientas al Highcharts ¿qué hay de valores del gráfico?

enter image description here

Respuesta

14

Tenemos opciones sobre herramientas formateador para mostrar el valor como número en lugar de porcentaje

http://api.highcharts.com/highstock#tooltip.formatter

tooltip: { 
    formatter: function() { 
     return '<b>'+ this.point.name +'</b>: '+ this.point.y ; 
    } 
}, 

this.point.y hará el truco (ahora usted tiene este.porcentaje en ese lugar)

+6

Cuando se agrega a Fijo (2), es la respuesta. – kamaci

+0

sí, se verá bien – pdpMathi

19

plotOptions.pie.dataLabels.formatter es una función que le permitirá dar formato a la etiqueta. En este caso, devolví this.percentage.toFixed(2), que recortará su número con 2 decimales. Demo en this jsFiddle

plotOptions: { 
    pie: { 
     dataLabels: { 
      formatter: function() { 
       return '<b>' + this.point.name + '</b>: ' + this.percentage.toFixed(2) + ' %'; 
      } 
     } 
    } 
}, 
+0

awesome - great tip ... –

+0

gracias por this.percentage.toFixed (2) necesitaba esto –

6
tooltip: { 
    pointFormat: "Value: {point.y:.2f}" 
} 

esto no es para formatear los valores.

var data = [{ 
    name: 'Population', 
    data: [], 
    dataLabels: { 
     enabled: true, 
     rotation: -90, 
     color: '#FFFFFF', 
     align: 'right', 
     x: 4, 
     y: 10, 
     style: { 
      fontSize: '13px', 
      fontFamily: 'Verdana, sans-serif', 
      textShadow: '0 0 3px black' 
     }, formatter: function() { 
      return Highcharts.numberFormat(this.y, 2, '.'); 
     } 
    } 
}]; 

el formateo de los valores se puede cambiar en los dataLables en los datos.

+0

gracias, está trabajando para mí. –

Cuestiones relacionadas