如何自定义Google Chart

时间:2013-01-17 05:02:15

标签: google-app-engine google-visualization

我正在使用Google Chart创建新的图表。我希望结果排名明智。例如:

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

所以结果应该显示如下

d,C,B,A

有没有办法做到这一点。 (我对值增加了减号。但是它的方法不正确吗?)

1 个答案:

答案 0 :(得分:1)

是的,这是可能的。

使用基本代码here作为基础:

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()”将进行排序。 sort命令的文档位于here