2012-08-07 15 views
18

Tengo algunos datos que intento mostrar con la API de visualización de Google (Google Chart Tools). Pude crear el gráfico y se ve muy bien, excepto que el eje Y secundario debe mostrarse como porcentajes en lugar de números regulares. Aquí está mi código y una imagen de lo que se produce.Formato de API de visualización de Google Eje secundario de Y diferente del Eje Y primario

google.load('visualization', '1', {packages: ['corechart']}); 

function drawVisualization() { 
    //Some raw data (not necessarily accurate)' 
    var data = google.visualization.arrayToDataTable([ 
     ['AuditPeriod', 'Audit Count', 'Fail Percentage'], 
     ['02-11-2012', 0,  0], 
     ['02-18-2012', 0,  0], 
     ['02-25-2012', 0,  0], 
     ... 
     ['07-21-2012', 1476, .233062], 
     ['07-28-2012', 1651, .253180], 
     ['08-04-2012', 2217, .210645] 
    ]); 

    var options = { 
     vAxis: [0: {format: '#,###'}, 1: {format: '#%'}], 
     hAxis: { title: "Week", format: 'm/d/y'}, 
     series: { 
      0:{ type: "bars", targetAxisIndex: 0 }, 
      1: { type: "line", targetAxisIndex: 1} 
     } 
    } 

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
}   
google.setOnLoadCallback(drawVisualization); 

enter image description here

si fijo vAxis:{format: '#%'} entonces ambos ejes están formateados como los porcentajes que no quiero. ¿Hay alguna manera de formatear el segundo eje de forma diferente al primero?

+0

Similar uno: http://stackoverflow.com/questions/29383827/visualization-combo-chart-dual-axis-chart – NoNaMe

Respuesta

21

Publicó esta pregunta en el Google Visualization Group y obtuvo la respuesta.

asgallant

Casi lo tenía, usar VAX en lugar de vAxis al dar formato a varios ejes:

VAX: {{ 0: formato: '#, ###'}, 1 : {format: '#%'} }

Cuestiones relacionadas