表中的列排序 - Google图表工具

时间:2012-03-02 05:11:56

标签: javascript google-visualization

以下是Google Charts API的表格。我正在尝试将“数字”列降序排序。有谁知道怎么做?

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['table']});
    </script>
    <script type="text/javascript">
    function drawVisualization() {
      // Create and populate the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Names');
      data.addColumn('number', 'Numbers');
      data.addRows(3);
      data.setCell(0, 0, 'Name 1');
      data.setCell(1, 0, 'Name 2');
      data.setCell(2, 0, 'Name 3');
      data.setCell(0, 1, 1);
      data.setCell(1, 1, 2);
      data.setCell(2, 1, 3);



      visualization = new google.visualization.Table(document.getElementById('table'));
      visualization.draw(data, null);
    }


    google.setOnLoadCallback(drawVisualization);
    </script>

    <div id="table"></div>

1 个答案:

答案 0 :(得分:5)

是。只需在数据定义下方添加以下行,它将按数字降序排序,然后按名称升序。

data.sort([{column: 1, desc:true}, {column: 0}]);
哦,你也可以用这个:

data.addRow(['Name 1',1]);
data.addRow(['Name 2',2]);
data.addRow(['Name 3',3]);

问候,豪迈

相关问题