Google可视化树形图 - 如何创建自定义文本?

时间:2012-07-30 01:15:21

标签: javascript google-visualization

我正在创建一个树形图,使用google visualization api提供的树形图工具可视化代码库中的代码复杂性。默认情况下,每个节点中显示的文本是ID column in the data的值。对于我的数据集,ID很长(文件路径),所以我只想显示文件名(如果可能的话,括号中的复杂性)。 有没有办法指定显示每个树形图节点的替代文本?

3 个答案:

答案 0 :(得分:4)

事实证明这很简单,您需要做的就是为ID列提供一个值/格式对。

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

答案 1 :(得分: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],
    ...
  ]);

答案 2 :(得分:1)

我有一个类似的问题,我的数据源来自csv文件。我使用jQuery-csv将csv文件转换为数组,然后使用arrayToDataTable将其转换为DataTable。正如第二张海报所提到的,arrayToDataTable不允许指定值/格式对。但我所做的是遍历DataTable记录并使用setFormattedValue作为每行的第一个元素来提供格式化的值(取自数组中的另一个预定列)。这对我有用。