google-app-engine - 如何自定义谷歌图表

Question

我正在使用 Google Chart 创建新的图表。我想明智地获得结果排名。例如：

A:10 B:5 C:2 D:1

所以结果应该是这样的

D,C,B,A

有没有办法做到这一点。（我已经在值中添加了减号。但这不是正确的方法吗？）

Answer 1

对的，这是可能的。

使用此处的基本代码作为基础：

var drawVisualizations = function() {
  // Create and populate a data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'Force');
  data.addColumn('number', 'Level');

  // Add 2 rows.
  // google.visualization.DataTable.addRows() can take a 2-dim array of values.
  data.addRows([['Fire', 1], ['Water', 5]]);

  // Add one more row.
  data.addRow(['sand', 4]);

  // Draw a table with this data table.
  var originalVisualization = new google.visualization.Table(document.getElementById('original_data_table'));
  originalVisualization.draw(data);

  // Clone the data table and modify it a little.
  var modifiedData = data.clone();

  // Modify existing cell.
  modifiedData.setCell(1, 1, 666);

  // Sort the data by the 2nd column (counting from 0).
  modifiedData.sort(1);

  // Insert rows in the middle of the data table.
  modifiedData.insertRows(2, [['new fire', 14], ['new water', 41]]);

  // Draw a table with this data table.
  var modifiedVisualization = new google.visualization.Table(document.getElementById('modified_data_table'));
  modifiedVisualization.draw(modifiedData);
}

如您所见，在数据表上使用“sort()”将进行排序。有关排序命令的文档位于此处