2012-08-07 14 views
18

Ho alcuni dati che sto tentando di visualizzare utilizzando l'API di visualizzazione di Google (Strumenti grafici di Google). Sono stato in grado di creare il grafico e sembra fantastico, tranne per il fatto che l'Asse Y secondario deve essere visualizzato come percentuale anziché come numero normale. Ecco il mio codice e un'immagine di ciò che viene prodotto.Formato dell'API di visualizzazione Google Asse Y secondario diverso dall'asse 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

se ho impostato vAxis:{format: '#%'} poi entrambi gli assi sono formattati come Percentuali che non voglio. C'è un modo per formattare il secondo asse in modo diverso dal primo?

+0

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

risposta

21

Pubblicato questa domanda sullo Google Visualization Group e ottenuto la risposta.

asgallant

È quasi l'aveva, utilizzare VAX invece di vAxis durante la formattazione più assi:

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

Problemi correlati