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

Google visualization treemap - how to create custom text?

本文关键字：创建 自定义 文本 何创建 可视化 谷歌      更新时间：2024-04-13

我正在使用谷歌可视化api提供的树映射工具创建一个树映射，以可视化代码库中的代码复杂性。默认情况下，每个节点中显示的文本是数据中ID列的值。对于我的数据集，ID很长（文件路径），所以我只想显示文件名（如果可能的话，复杂性放在括号里）。有没有办法指定一个替代文本来显示每个树图节点？

事实证明这很简单，您只需要为ID列提供一个值/格式对。

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

除非您知道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],
    ...
  ]);

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

相关文章：