Javascript的Infovis更改個人節點顏色

Question

在這種情況下，我使用JIT Hypertree。我將區分節點的顏色與其他節點的顏色，以便樹上的每個節點都有自己的顏色。無論如何要改變個別的顏色，以便它會不同於其他節點？

我只是設法改變所有節點的顏色，但不是個別的。

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

Answer 1

你必須在重寫財產上的節點有設置爲true。

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

然後，在裝入數據和繪圖之前，遍歷節點並使用使用setData設置單獨的顏色。下面是一個使用隨機顏色an example，但你也可以插入顏色到您的JSON數據，並從那裏拉：

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

現在，無恥插頭：我寫a library生成基於上說，標識的顏色。因此，如果您不想手工挑選顏色，並且希望顏色與數據保持一致關係，則會有所幫助。 Here's the example使用。

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