如何在HTML部分中使用聲明的變量？

Question

我正在嘗試在D3中構建有向線圖，並能夠在D3中使用域[-1,0,1]和范圍[“ red”，“ yellow”，“ green”]來設置線性比例邊緣的顏色表示節點之間的速度。 我一般不熟悉D3，JS和編程，所以我確定我缺少明顯的東西，但是有一種方法可以調用此顏色數組中的值：

var color = d3.scale.linear()
.domain([-1, 0, 1])
.range(["red", "yellow", "green"]);

在樣式部分中，我聲明線條的實際顏色？ 我嘗試過的示例，在其中聲明了10種鏈接類型，並試圖將顏色元素傳遞給它們。

path.link.onezero {
    stroke: color(-0.5);
} 

不起作用，並返回空白行。 path.link.twozero {筆畫：＃000; 起作用，並返回黑線。

顯然，我可能以錯誤的方式攻擊了此問題，並且希望能夠創建這些行而不必訴諸於樣式節中樣式元素的離散聲明，而是希望在樣式節中使用一個樣式元素並使其具有由腳本動態確定的屬性-我只是不知道如何執行此操作。

謝謝！

Answer 1

您必須在javascript代碼內調用color函數，如下所示。

d3.selectAll("path.link.onezero")
   .style("stroke",color(-0.5));