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

Question

我正在使用google visualization api提供的树形图工具创建树形图，以便在代码库中可视化代码复杂性。默认情况下，每个节点中显示的文本都是ID column in the data的值。对于我的数据集，ID非常长（文件路径），所以我只想显示文件名（如果可能，在括号内显示复杂度）。 有没有一种方法可以指定替代文本来显示每个树图节点？

Answer 1

事实证明这非常简单，您只需为ID列提供值/格式对即可。

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

Answer 2

结果并不那么容易，除非您知道arrayToDataTable（）不支持用于导入数据表的值/格式对。使用替代数据表声明：

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], 
    ... 
    ]); 

Answer 3

我在我的数据源是从一个CSV文件来类似的问题。我使用jQuery-csv将csv文件转换为数组，然后使用arrayToDataTable将其转换为DataTable。作为第二张海报，arrayToDataTable不允许指定值/格式对。但我所做的是循环访问DataTable记录，并为每行的第一个元素使用setFormattedValue来提供格式化值（从数组中另一个预定义列中获取）。这对我来说是诀窍。