2012-08-07 18 views
18

Google Görselleştirme API'sı (Google Grafik Araçları) kullanılarak görüntülenmeye çalıştığım bazı verilerim var. Grafiği oluşturabildim ve İkincil Y Ekseni'nin normal sayılar yerine yüzde olarak gösterilmesi dışında harika görünüyor. İşte benim kodum ve üretilenin bir görüntüsü. Google Görselleştirme API Biçimi İkincil Y ekseni İlk Y Ekseni'nden farklı

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

Ben her iki eksen İstemediğim Yüzdeler olarak formated daha sonra vAxis:{format: '#%'} ayarlarsanız. İkinci ekseni farklı biçimini biçimlendirmenin bir yolu var mı?

+0

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

cevap

21

Bu soruya şu soru soruldu: Google Visualization Group ve cevabı aldım.

asgallant

birden fazla eksen biçimlendirirken

Neredeyse o, yerine vAxis ait vAxes kullanmak vardı:

vAxes: { 0: {biçimi: '#, ###'}, 1 : {biçimi: '#%'} }

İlgili konular