使用jQuery Flot,我可以将一个null
值传递给绘图机制,这样它就不会在绘图上绘制任何东西。查看缺少的记录是如何隐藏的:
我希望迁移到d3js
,这样我就可以使用SVG对图形进行更深层次的底层控制。但是,我还没有找到如何执行相同过程来隐藏丢失的记录。下图就是这样做的一种尝试,使用值0
而不是null
(其中d3
包被分解)。下面是一些代码,让您了解我是如何生成下面的图表的:
var line = d3.svg.line()
.x(function(d) {
var date = new Date(d[0]);
return x(date);
})
.y(function(d) {
var height = d[1];
if (no_record_exists) {
return y(0);
}
return y(height) + 0.5;
});
我在Mozilla Developer Network上查找了SVG path
元素,发现有一个MoveTo命令M x y
,它只将“笔”移动到某个点,而不绘制任何内容。这在d3js
包中实现了吗?这样我就不必在每次遇到丢失的记录时都创建几个path
元素了吗?
发布于 2014-03-02 10:06:43
d3.svg.line()
的defined
函数可以做到这一点
假设我们希望在y为空的情况下在图表中包含一个中断:
line.defined(function(d) { return d.y!=null; })
发布于 2012-03-06 22:33:12
https://stackoverflow.com/questions/9580003
复制相似问题