dimple.js - 在折线图中显示间隙

时间:2014-12-03 03:52:40

标签: javascript d3.js dimple.js

我想绘制一个折线图,显示沿x轴的任何日期的缺失数据的间隙。我在这里查看了这个例子http://bl.ocks.org/mbostock/3035090然后查看了凹坑源。我基本上将一个新的绘制函数附加到seri.plot.draw,它与line.js中的相同,但将getLine函数替换为下面的一个。我看到新的绘制函数被调用,但似乎仍然没有工作......因为在某些日期缺少数据的地方没有出现间隙。

getLine = function (inter, originProperty) {
    return d3.svg.line()
        .defined(function (d) { return d.y != null; })
        .x(function (d) { return (series.x._hasCategories() || !originProperty ? d.x : series.x[originProperty]); })
        .y(function (d) { return (series.y._hasCategories() || !originProperty ? d.y : series.y[originProperty]); })
        .interpolate(inter);
};

关于如何解决这个问题的任何想法?

0 个答案:

没有答案