2011-11-13 18 views
5

棒グラフを2つのデータ系列で作成しようとしています。私は一つの系列を右に描き、一つの系列を左に描きたい。Googleグラフ - 棒グラフの棒の向きの変更

オーストリアの値を負の値にすると、その値が左側に向かって描画されます。オーストリアのデータシリーズを左に向けることができる方法はありますか?ブルガリアのデータシリーズは、価値を否定することなく、右に向かって指摘していますか?

私はGoogleの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

チャートのための2つの別個の横軸を定義するseriesオプションを使用。第2横軸のdirectionオプションを-1に設定して、グラフの右側から値を延長します。あなたが代わりにバーグラフの縦棒グラフを使用することができます

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