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來提供格式化值（從數組中另一個預定義列中獲取）。這對我來說是訣竅。