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 
}