2012-05-21 19 views
6

Teniendo en cuenta los datos de un gráfico de sectores:Google mostrar gráficos dinero no Porcentajes

data = new google.visualization.arrayToDataTable([ 
    ['Sales', 'Revenue Distribution'], 
    ['Author', 5], 
    ['Company', 2], 
    ['Tax', 0.4], 
    ['Payment Processors', 0.9] 
]); 
drawChart(); 

¿Cómo puedo hacer que se vea como las cantidades en dólares? Ya sea en la descripción o en el propio gráfico real (tanto sería preferible!)

Por ejemplo, lo ideal sería que esto funcionaría:

data = new google.visualization.arrayToDataTable([ 
    ['Sales', 'Revenue Distribution'], 
    ['Author', '$5'], 
    ['Company', '$2'], 
    ['Tax', '$0.4'], 
    ['Payment Processors', '$0.9'] 
]); 
drawChart(); 

Respuesta

14

Es posible y lo aplicará tanto a la división y la información sobre herramientas. Lo que necesita incluir es un number formatter.

Lo más importante es aplicar lo siguiente antes de "crear" el gráfico.

var formatter = new google.visualization.NumberFormat({ 
    prefix: '$' 
}); 
formatter.format(data, 1); 

var options = { 
    pieSliceText: 'value' 
}; 

Esta primera crea el formateador y lo aplica a los datos, la siguiente opción entonces fuerza el gráfico circular para mostrar el valor con formato, en lugar del porcentaje calculado. Puede verlo trabajando en this jsfiddle.

inspirado y adaptado por la respuesta aquí: Formatting google charts programmatically

+0

trabaja un encanto, muchas gracias! –

Cuestiones relacionadas