绘制非连续水平图(d3)

时间:2013-08-14 20:10:40

标签: d3.js

(为我缺乏知识而道歉)

Horizo​​n Charts的处理方式与D3中的区域图表的处理方式不同。我已经在区域图表中使用line.defined看到了以前关于非连续数据的答案。但是,我没有看到如何在地平线图中实现同样的效果。

结束目标:缺少数据,跳过或以后屏蔽,这一点。与此line.defined示例(http://bl.ocks.org/mbostock/3035090)一样,它不应影响路径的曲线。

理想情况下,json中的数据只是一个缺失值,但如果需要,我可以添加一个类型的代号。

是否有更好的方法 - 比如在这些点中创建路径后添加填充的矩形来掩盖它?

1 个答案:

答案 0 :(得分:2)

我已更新d3.horizon plugin以支持内部使用的区域实例的设置area.defined

例如,您可以说:

var horizon = d3.horizon()
    .width(…)
    .height(…)
    .defined(function(d) { return !isNaN(d[1]); });