nvd3折線圖 - 用Y值設置線的顏色

Question

我使用的是nvd3折線圖，我希望某些y值（假設y = 4）下的點會是紅色的，並且在上面他們會是他們的nvd3顏色（橙色等）

我該如何達到這種效果？

Answer 1

這可以通過向線圖數據的點添加顏色值來完成。

因此，而不是隻是X和Y對象：

{...{"y": "0.05885", "x": "1692"}, {"y": "0.05906", "x": "1693"}...} 

您必須添加顏色值：

{...{"y": "0.05885", "x": "1692", "color": "#ff0000"}, 
{"y": "0.05906", "x": "1693","color": "#ff0000"}...}. 

這可以被訪問和更改，你通常會。 對於所需的數據點，您可以使顏色例如紅色根據需要。

編輯：

如果不工作，我不認爲它可能很好。問題是，這條線本身是一條真正的線和它的一個元素。如果您查看生成的html代碼，您將看到它的一個元素。因此，該行只能有一個單一的顏色屬性。你可以做的是將其設置爲link。將顏色屬性設置爲例如：線性漸變（向右，紅色，藍色），當需要時停止並啓動，請看下面的代碼：link。

你進入的行元素的方法是在CSS：

#graphid g.nv-series-0 path.nv-line { //0 is the series number 
    #color:red; //old 
    stroke: linear-gradient(to right, red , blue); //new 
}