d3.js - 绘制非连续水平线图 (d3)

Question

（为我缺乏前期知识而道歉）

地平线图的处理方式似乎与 D3 中的面积图不同。我已经使用 line.defined 在面积图中看到了关于非连续数据的先前答案。但是，我没有看到如何在水平图表中实现相同的效果。

最终目标：数据丢失、跳过或稍后以其他方式屏蔽的地方，即该点。正如在这个 line.defined 示例（http://bl.ocks.org/mbostock/3035090）中，它不应该影响路径的曲线。

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

有没有更好的方法 - 比如在这些位置创建路径后添加一个填充的矩形来掩盖它？

score 2 · Accepted Answer

我更新了d3.horizon 插件以支持为内部使用的区域实例设置area.defined。

例如，您可以说：

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

1 回答 1