首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将空值传递给SVG路径(使用d3.js)以隐藏缺少的数据

将空值传递给SVG路径(使用d3.js)以隐藏缺少的数据
EN

Stack Overflow用户
提问于 2012-03-06 16:11:41
回答 2查看 11.5K关注 0票数 16

使用jQuery Flot,我可以将一个null值传递给绘图机制,这样它就不会在绘图上绘制任何东西。查看缺少的记录是如何隐藏的:

我希望迁移到d3js,这样我就可以使用SVG对图形进行更深层次的底层控制。但是,我还没有找到如何执行相同过程来隐藏丢失的记录。下图就是这样做的一种尝试,使用值0而不是null (其中d3包被分解)。下面是一些代码,让您了解我是如何生成下面的图表的:

代码语言:javascript
复制
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元素了吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-03-02 10:06:43

d3.svg.line()defined函数可以做到这一点

假设我们希望在y为空的情况下在图表中包含一个中断:

代码语言:javascript
复制
line.defined(function(d) { return d.y!=null; })
票数 30
EN

Stack Overflow用户

发布于 2012-03-06 22:33:12

票数 18
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9580003

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档