如何删除人力车线图中的部分线

时间:2014-09-05 15:34:43

标签: javascript rickshaw

我的数据中有一些无效点,我想要相交线图。 线图与示例类似:http://code.shutterstock.com/rickshaw/guide/line-2.html

var graph = new Rickshaw.Graph({
    element: document.querySelector("#chart"),
    width: 235,
    height: 85,
    renderer: 'line',
    series: [{
        data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ],
        color: '#4682b4'
    }, {
        data: [ { x: 0, y: 20 }, { x: 1, y: 24 }, { x: 2, y: 19 }, { x: 3, y: 15 }, { x: 4, y: 16 } ],
        color: '#9cc1e0'
    }]
});
graph.render();

我尝试像这样指定无效数据:

data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: null }, { x: 3, y: 30 }, { x: 4, y: 32 } ]

但它不起作用。

1 个答案:

答案 0 :(得分:0)

用最新版本的d3.js(现为v.3.4.11)替换rickshaw软件包(v.2.5.0)中的d3.js完全符合我的预期 - 删除带有连接线的零点。