d3折線圖顯示不正確

Question

我的折線圖有問題。 它會創建從第一個點到最后一個點的線，這會破壞我的圖表數據。 數據：

$scope.data = _data = [{
                "label": 1,
                "value": 20
                },
            {
                "label": 2,
                "value": 50
                },
            {
                "label": 3,
                "value": 30
                }];

http://jsfiddle.net/8fue95u3/5/

為什么顯示它以及如何解決此問題？

Answer 1

從作為封閉路徑的D3行看來，您需要將路徑填充設置為“無”

svg.append("path")
    ...
    .style("fill", "none")