谷歌可视化矩形树图 - 如何创建自定义文本？

Question

我正在使用Google可视化API提供的树状图工具创建一个树状图，以可视化代码库中的代码复杂性。默认情况下，每个节点中显示的文本是数据中的ID列的值。对于我的数据集，ID非常长（文件路径），因此我只想显示文件名（如果可能的话，带有复杂性括号）。是否有一种方法指定替代文本来显示每个树状图节点？

- mikelong

Answer 1

原来这很简单，你只需要为ID列提供一个值/格式对即可。

[{v:'src/AppCore/3DAnisotropy', f:'3DAnisotropy'},  'src/AppCore',  0,  0],

- mikelong

Answer 2

原来并不那么容易，除非你知道arrayToDataTable()不支持导入数据表的值/格式对。请使用另一种DataTable声明：

var data = new google.visualization.DataTable();
  data.addColumn('string', '...');
  data.addColumn('string', '...');
  data.addColumn('number', '...');
  data.addColumn('number', '...');
  data.addRows([
    [{v:'src/AppCore/3DAnisotropy', f:'3DAnisotropy'},  'src/AppCore',  0,  0],
    ...
  ]);

- RobP

Answer 3

我遇到了一个类似的问题，我的数据来源是一个csv文件。我使用jQuery-csv将csv文件转换为数组，然后使用arrayToDataTable将其转换为DataTable。正如第二个发帖者所提到的，arrayToDataTable不允许指定值/格式对。但是我所做的是循环遍历DataTable记录，并使用setFormattedValue为每行的第一个元素提供格式化的值（从数组中的另一预定列中获取）。这对我有用。

- Alamuru Krishna