使用google.visualization.DataTable使栏从右向左移动

时间:2014-04-19 11:18:18

标签: javascript html google-api

是否可以使用google.visualization.DataTable来反转图表(方向)的方向? 如下图所示,条形图从左到右,但我希望它从右到左。这是我到目前为止改变表格外观时所做的:

for (var i = 0; i < num_rows; i++)
      {
        dataTable.setProperties(i, 0, {style: 'text-align: center;'}); 
        dataTable.setProperties(i, 1, {style: 'text-align: center;'}); 
      } 

      var container = document.getElementById('table_div');
      table = new google.visualization.Table(container);
      var options = {'allowHtml' : true};

但我认为没有办法改变图表方向。

enter image description here

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

通过这样做解决了这个问题:

  var formatter = new google.visualization.TableBarFormat({base: 0, showValue: false, min: 0, max: max_graph, colorPositive: 'red'});
  formatter.format(dataTable, 5);
  formatter = new google.visualization.TableBarFormat({base: 0, showValue: false, min: -max_graph, max: 0, colorNegative: 'blue'});
  formatter.format(dataTable, 2);

因此,我只需更改我需要的不同列,并为每列格式化表格。