web-dev-qa-db-ja.com

Google VisualizationAPIフォーマットプライマリY軸とは異なるセカンダリY軸

Google Visualization API（Google Chart Tools）を使用して表示しようとしているデータがいくつかあります。グラフを作成することができましたが、セカンダリ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番目の軸を最初の軸とは異なる形式にする方法はありますか？

google-visualization
19
d_boggus

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

勇敢な

複数の軸をフォーマットするときは、vAxisの代わりにvAxesを使用してください。

vAxes：{0：{フォーマット： '＃、###'}、1：{フォーマット： '＃％'}}

22
d_boggus