2011-11-13 65 views
5

我正在嘗試創建一個條形圖,其中包含兩組數據。我想要一個系列畫在右邊,一個系列畫在左邊。谷歌圖表 - 改變條形圖中條形的方向

如果我爲奧地利提出負面價值觀,那麼它會將這些價值觀拉向左邊。我有什麼方法可以讓奧地利的數據系列朝向左側,保加利亞的數據系列指向右側,沒有使價值觀成爲負面的?

我與來自谷歌的Vizualization API的一個範例,而這裏就是我想出了(這可能是最簡單的下面的代碼粘貼到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"}} 
      ); 
     } 

多謝,讓我知道我能否澄清任何事情。

回答

2

使用series選項來定義兩個單獨的水平軸爲圖表。將第二個水平軸上的direction選項設置爲-1以使值從圖表的右側延伸。

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