2011-11-13 11 views
5

Tôi đang cố gắng tạo biểu đồ thanh với hai chuỗi dữ liệu. Tôi muốn một chuỗi được vẽ ở bên phải và một chuỗi được vẽ ở bên trái.Định hướng thay đổi biểu đồ Google của các thanh trong biểu đồ thanh

Nếu tôi đặt các giá trị âm ở Áo, thì nó sẽ vẽ các giá trị đó theo hướng bên trái. Có cách nào mà tôi có thể có chuỗi dữ liệu cho Áo hướng về phía bên trái, và chuỗi dữ liệu cho Bulgaria chỉ về phía bên phải, mà không làm cho các giá trị tiêu cực?

Tôi đã chơi với một trong những ví dụ từ API Vizualization của Google, và đây là những gì tôi đã đưa ra (Có lẽ đơn giản nhất để dán đoạn mã dưới đây vào http://code.google.com/apis/ajax/playground/?type=visualization#bar_chart):

 function drawVisualization() { 
     // Create and populate the data table. 
     var data = new google.visualization.DataTable(); 
     var raw_data = [['Austria', -1336060, -1538156, -1576579, -1600652, -1968113, 1901067], 
         ['Bulgaria', 400361, 366849, 440514, 434552, 393032, 517206], 
         //['Denmark', 1001582, 1119450, 993360, 1004163, 979198, 916965], 
         //['Greece', 997974, 941795, 930593, 897127, 1080887, 1056036] 
         ]; 

     var years = [2003, 2004, 2005, 2006, 2007, 2008]; 

     data.addColumn('string', 'Year'); 
     for (var i = 0; i < raw_data.length; ++i) { 
     data.addColumn('number', raw_data[i][0]);  
     } 

     data.addRows(years.length); 

     for (var j = 0; j < years.length; ++j) {  
     data.setValue(j, 0, years[j].toString());  
     } 
     for (var i = 0; i < raw_data.length; ++i) { 
     for (var j = 1; j < raw_data[i].length; ++j) { 
      data.setValue(j-1, i+1, raw_data[i][j]);  
     } 
     } 

     // Create and draw the visualization. 
     new google.visualization.BarChart(document.getElementById('visualization')). 
      draw(data, 
       {title:"Yearly Coffee Consumption by Country", 
        width:600, height:400, 
        isStacked: 'true', 
        vAxis: {title: "Year"}, 
        hAxis: {title: "Cups"}} 
      ); 
     } 

Cảm ơn bó, hãy để tôi biết nếu tôi có thể làm rõ bất cứ điều gì.

Trả lời

2

Sử dụng tùy chọn series để xác định hai trục ngang riêng biệt cho biểu đồ. Đặt tùy chọn direction trên trục ngang thứ hai thành -1 để làm cho các giá trị mở rộng từ phía bên phải của biểu đồ.

series:{1:{targetAxisIndex:1}}, hAxes:{1:{direction:-1}}