Javascript NVD3折线图中的虚线

我想建立一个有多条线的折线图。现在我想把我的目标线转换成一条虚线。像这样-

这是我的json数据-

 $scope.data
    = [{
        "key": "ODC", "color": "#2196f3", "values":
            [{ "x": 1409509800000, "y": 8.0 }, { "x": 1412101800000, "y": 4.2 }, { "x": 1414780200000, "y": 2.1 }, { "x": 1417372200000, "y": 0.0 }, { "x": 1420050600000, "y": 2.0 }, { "x": 1422729000000, "y": 4.4 }, { "x": 1425148200000, "y": 1.4 }, { "x": 1427826600000, "y": 2.5 }, { "x": 1430418600000, "y": 0.0 }, { "x": 1433097000000, "y": 0.0 }, { "x": 1435689000000, "y": 0.0 }, { "x": 1438367400000, "y": 0.0 }]
    }, {
        "key": "ODCTarget", "color": "#008000", "values":
            [{ "x": 1409509800000, "y": 4.0 }, { "x": 1412101800000, "y": 4.0 }, { "x": 1414780200000, "y": 4.0 }, { "x": 1417372200000, "y": 4.0 }, { "x": 1420050600000, "y": 4.0 }, { "x": 1422729000000, "y": 4.0 }, { "x": 1425148200000, "y": 4.0 }, { "x": 1427826600000, "y": 4.0 }, { "x": 1430418600000, "y": 4.0 }, { "x": 1433097000000, "y": 4.0 }, { "x": 1435689000000, "y": 4.0 }, { "x": 1438367400000, "y": 4.0 }]
    }];

---

请有人帮我做这件事。

这个例子可能会帮助你：

在你的系列中添加一个css类，例如虚线

{
   area: true,
   values: sin,
   key: "Sine Wave",
   color: "#ff7f0e",
   strokeWidth: 4,
   classed: 'dashed'
}

然后，将

笔划dasharray

添加到

虚线

css类：

.dashed {
   stroke-dasharray: 5, 5;
}

---

我对此进行了更多的测试。重要的是，

stroke dasharray

样式位于定义线的

nv组

dom元素上。普通

。虚线

也会影响悬停时显示的圆。最后，我使用了

.dash.nv line

来获得虚线，但保留了所有圆的完整性。

.dashed {
   stroke-dasharray: 5, 5;
}