文章内容
2021/7/26 16:59:32,作 者: 黄兵
d3.js 缺失数据处理
最近在使用D3.js v3的时候遇到一些问题，有些数据会缺失，导致显示有问题，数据示例如下：
上面是随机选取的一个示例，这里存在一些null数据，需要处理。
处理空数据，需要使用到D3里面的defined方法：
该d3.line.defined()方法，您可以指定是否有一个给定的数据点或没有定义的数据。如果此方法返回 false，则表示数据点存在，否则为 true。
下面是代码示例：
_line = d3.svg.line()
.defined(function (d) {
return d.y !== null;
})//<-4A
.x(function (d) {
return _x(d.x);
})
.y(function (d) {
return _y(d.y);
});
这里直接选取y轴的数据如果不为空，返回。
这样就处理了D3.js中空数据的问题。
参考资料：
1、Showing Missing Data in Line Charts
黄兵个人博客原创。
转载请注明出处：黄兵个人博客 - d3.js 缺失数据处理
评论列表