我想要使用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);
如果我设置vAxis:{format: '#%'}
,那么两个轴都会形成为我不想要的百分比。有没有办法格式化第一个不同的第二个轴?
答案 0 :(得分:22)
在Google Visualization Group上发布此问题并得到答案。
asgallant
你几乎拥有它,在格式化多个轴时使用vAxes而不是vAxis:
vAxes:{ 0:{format:'#,###'}, 1:{格式:'#%'} }