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行作为一个封闭的路径，似乎你需要设置你的路径填充为'none'

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