2012-08-07 114 views
18

我有一些数据,我尝试使用Google Visualization API(Google Chart Tools)显示。我已经能够创建图形,除了辅助Y轴应该显示为百分比而不是常规数字之外,它看起来很棒。这是我的代码和生成的图片。Google可视化API格式辅助Y轴与主要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: '#%'}然后两个轴都被格式化作为我不想百分比。有没有办法格式化第一个轴的第二个轴?

+0

类似的:http://stackoverflow.com/questions/29383827/visualization-combo-chart-dual-axis-chart – NoNaMe 2015-04-07 05:21:41

回答

21

Google Visualization Group上发布了此问题并获得了答案。

asgallant

你几乎拥有它,格式化多轴的情况时使用vAxes代替vAxis:

vAxes:{ 0:{格式: '####'}, 1 :{格式:'#%'} }