2012-08-07 9 views
18

Google Visualization API(Google Chart Tools)を使用して表示しようとしているデータがあります。私はグラフを作成することができました。セカンダリY軸が通常の数値ではなくパーセンテージとして表示されることを除けば、それは素晴らしいようです。ここに私のコードと生産されたもののイメージがあります。Google視覚化APIのフォーマットPrimary Y軸と異なるSecondary Y軸

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

私はその後、vAxis:{format: '#%'}を設定した場合、両方の軸が、私はしたくないパーセンテージとしてフォーマットされています。 2番目の軸を最初とは異なる形式にフォーマットする方法はありますか?

+0

類似したもの:http://stackoverflow.com/questions/29383827/visualization-combo-chart-dual-axis-chart – NoNaMe

答えて

21

この質問をGoogle Visualization Groupに投稿し、答えを得ました。

asgallant

複数の軸フォーマット時

あなたはほとんどそれは、代わりvAxisのvAxesを使用した:

vAxes:{ 0:{形式: '#、###'}、 1 :{フォーマット: '#%'} }

関連する問題