个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我试图通过从文件中读取数据来使用 d3js 绘制路径。但是，其中也可能存在 NaN 值。因此，我需要在图表中的这些点上留出间隙。假设有 5 个点 1,2,3,4,5，我有 1,2,4 和 5 的值，但没有 3。所以，应该有一条从 1 到 2 的路径和一条从 4 到 5 的路径。
我遇到了 d3.line 的定义访问器，它对行元素执行此操作。关于如何用路径实现相同的任何想法。
提前致谢
PS:我正在尝试这样的事情:
var selection = d3.select(this)
.selectAll('.my-series')
.data(d);
selection.enter()
.append('path');
最佳答案
仍然不确定我是否理解这个问题，但我在下面编写了一个代码片段，演示如何使用 d3.line 的 define 访问器。在此代码中，如果 d.x 或 d.y 包含 falsy值，d3 将“分解”路径线段:
<!DOCTYPE html>
<html>
<head>
<script data-require="d3@4.0.0" data-semver="4.0.0" src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<script>
var svg = d3.select('body')
.append('svg')
.attr('width', 200)
.attr('height', 200);
var x = d3.scaleLinear()
.range([0,200])
.domain([1,5]);
var y = d3.scaleLinear()
.range([0,200])
.domain([0, 10]);
var data = [
{
x: 1,
y: Math.random() * 10
},{
x: 2,
y: Math.random() * 10
},{
x: false,
y: false
},{
x: 4,
y: Math.random() * 10
},{
x: 5,
y: Math.random() * 10
}
];
var line = d3.line()
.x(function(d){
return x(d.x);
})
.y(function(d){
return y(d.y);
})
.defined(function(d){
return d.y && d.x;
});
svg.append('path')
.style('stroke', 'steelblue')
.style('stroke-width', 2)
.style('fill', 'none')
.attr('d', line(data));
</script>
</body>
</html>关于javascript - 在 d3 中的路径中引入间隙，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41355981/
26
4
0
在开始之前，我想指出的是，我已经通过Google进行了一次诚实而真实的搜索，涉及范围很广，无法找到。 我需要(对于我正在开发的项目)所有Delphi(从2007年到最新发布的版本，我不再支持任何早于2
我正在使用 RPM 将 Liquibase 数据库迁移添加到我们当前的产品部署中，并正在寻找一些有关如何实现我的预期目标的建议/技巧。 最好，RPM 能够安装在全新且 Shiny 的开发人员环境以及现
我目前正在使用一本书学习 UITableViewCell。为了在滚动时重用单元格，作者要求修改原始代码以包含一个if()。检查特定重用标识符的单元格是否存在的语句。但是，在添加 if() 之后语句，X
在 C++ 中引入 protected 访问说明符背后的基本原理是什么。举个例子会有帮助。 最佳答案 对于这类问题，我推荐 Bjarne Stroustrup 的The Design And Evol
我正在尝试使用模板参数中给定的维度和类型创建一个可重用的矩阵类。结构本身就是: template struct Matrix { T elements[N* M]; }; 当我尝试实现矩阵乘
我有一个简单的查询: $query1="SELECT * FROM wp_users WHERE now() < (last_login + INTERVAL 6 month)"; $resu
在 Ioke doc 中，ISpec 测试包含在文档中，参见 ioke.org/dok/index.html 这如何用 Ruby 的 RSpec 和 RDoc(或 SDoc)来完成？我找不到任何命令行
在客户端/服务器通信中，我看到来自客户端的 TCP ZeroWindow。 在这种情况之后预期的场景是什么(设置和发送什么标志)？ 以下是我可能得到的日志。在这种情况下，服务器发送 RST 数据包来终
来自wikipedia关于 Lambda 函数和表达式的文章: users will often wish to define predicate functions near the place w
我有一个由父 POM 和几个子模块组成的 Maven 项目。它在 Intellij 中编译和运行良好(我假设它使用 javac 而不是 Maven)。 当我运行 maven clean install
所以我刚开始使用 d3.js，但我一直收到 JavaScript 错误，我不知道为什么。我刚刚用 svg 创建了三个圆圈，想用 d3 选择它们。这是我的代码:
Objective C 引入了一种称为 ARC 的技术，以将开发人员从内存管理的负担中解放出来。听起来不错，如果g++也有这个功能，我想C++开发者会很高兴的。 ARC allows you to p
在 package.json 添加 "font-awesome": "^4.7.0" 执行 npm install 在 main.js 引入
为什么 WSDL 引入 wsdl:message？和消息部分？ 与在操作参数(输入、输出、故障)中直接使用 XSD 相比，他们可以带来什么优势？ 它们(带有 wsdl 消息部分的 wsdl 消息)如何
I already read doc here : https://github.com/laravel/framework/pull/25997 我想知道的是使用 withCount()我们只是加载
我已经为此苦苦挣扎了一段时间，但不太明白发生了什么。我有一个包含 Sides(通常是 2 个)的 Card 实体 - 并且 Cards 和 Sides 都有一个 Stage。我正在使用 EF Code
下面的 swiftUI 代码在 iOS13 上运行良好，但是在使用 iOS14 进行测试时，我在尝试显示模式表时遇到了由强制解包选项引起的 fatal error 。据我所知，工作表不应该尝试为 se
出于个人原因，我需要记忆一下 jsp 上的一些事情 :) 我有一个简单的登录页面: Login First name:
据我了解，PYTHONCASEOK 选项允许通过不区分大小写的匹配来导入模块。但是，由于 python 中的几乎所有内容都区分大小写，为什么它必须启用此选项以实现更惰性的写入。 还有什么介绍的理由吗？
全新的早午餐(和 bower )。我通过 bower 安装了 Bootstrap，我有以下早午餐配置文件: exports.config = # See http://brunch.io/#doc
我是一名优秀的程序员,十分优秀！