2012-08-07 2 views
18

Tôi có một số dữ liệu mà tôi đang cố gắng hiển thị bằng API Google Visualization (Công cụ biểu đồ của Google). Tôi đã có thể tạo ra các đồ thị và nó trông tuyệt vời ngoại trừ trục Y phụ nên được hiển thị như là tỷ lệ phần trăm thay vì số thường xuyên. Đây là mã của tôi và một hình ảnh của những gì được sản xuất.Định dạng API hình ảnh hóa của Google Khác với trục Y chính

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

Nếu tôi đặt vAxis:{format: '#%'} sau đó cả hai trục được formated như Tỷ lệ phần trăm mà tôi không muốn. Có cách nào để định dạng trục thứ hai khác nhau hình thức đầu tiên?

+0

Tương tự: http://stackoverflow.com/questions/29383827/visualization-combo-chart-dual-axis-chart – NoNaMe

Trả lời

21

Đã đăng câu hỏi này trên Google Visualization Group và nhận câu trả lời.

asgallant

Bạn hầu như đã nó, sử dụng vAxes thay vì vAxis khi định dạng nhiều trục:

vAxes: { 0: {định dạng: '#, ###'}, 1 : {format: '#%'} }