Javascript Infovis更改單個節點的顏色

Question

在這種情況下，我使用的是JIT Hypertree。 我將區分一個節點的顏色與另一個節點的顏色，以便樹上的每個節點都有自己的顏色。 無論如何，是否要更改單個顏色，使其與其他節點不同？

我只是設法更改了所有節點的顏色，但沒有更改單個節點的顏色。

 Node: {
   dim: 9,
   color: "#009933" 
 },

Answer 1

您必須在Node上將overridable屬性設置為true。

Node: {
    dim: 9,
    overridable: true 
},

然后，在加載數據之后並在繪制之前，遍歷節點並使用setData設置各個顏色。 這是一個使用隨機顏色的示例 ，但是您也可以將顏色插入到JSON數據中並從那里提取：

ht.graph.eachNode(function(node) {  
    node.setData('color', "hsl("+Math.random()*360+",100%,50%)");
});

現在，無恥的插件：我編寫了一個庫 ，用於基於ID生成顏色。 因此，如果您不想手動選擇顏色，並且希望顏色與數據保持持久的關系，那將會有所幫助。 這是使用它的示例 。

ht.graph.eachNode(function(node) {  
    node.setData('color', $.fn.autumn.getColor(node.id));
});