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 line acting as a closed path，您似乎需要将路径填充设置为“无”

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