Google charts: cambio de orientación de barras en un gráfico de barras

Question

Estoy intentando crear un gráfico de barras con dos series de datos. Quiero que una serie se dibuje a la derecha y una serie que se dibuje a la izquierda.

Si pongo los valores negativos en Austria, dibujará esos valores orientados hacia la izquierda. ¿Hay alguna forma de que pueda tener las series de datos para Austria orientadas hacia la izquierda, y las series de datos para Bulgaria apuntan hacia la derecha, sin hacer que los valores sean negativos?

que estaba jugando con uno de los ejemplos de la API Vizualization de Google, y esto es lo que ocurrió con (Es probable que sea más fácil de pegar el código de abajo en 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"}} 
      ); 
     } 

gracias un montón, me dejó Sé si puedo aclarar algo.

Answer 1

Utilice la opción series para definir dos ejes horizontales separados para el gráfico. Establezca la opción direction en el segundo eje horizontal en -1 para hacer que los valores se extiendan desde el lado derecho del gráfico.

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

Answer 2

Puede utilizar gráfico de columnas en lugar de gráfico de barras, que parece que se parecen entre sí. https://developers.google.com/chart/interactive/docs/gallery/columnchart