我是D3.js的新手,并且我已经创建了一个图形强制并且它正在工作。 我的疑问是对两个节点之间的链接着色。

我需要在节点之间的链接上使用颜色表示流量。 但是问题是两个节点在链接上发送流量,为了表示这一点,我需要在同一链接上使用两种颜色。 在这种情况下,链接的50%使用一种颜色,而其他50%使用另一种颜色。 可能吗 ?

#1楼 票数:0

实际上,您实际上希望将每个source-> target链接表示为单独的链接,因此从X到Y的流量与从Y到X的流量是不同的链接。在这种情况下,典型的方法是使用弯曲的边缘,如这个例子:

http://bl.ocks.org/mbostock/1153292

如果您想使用看起来并排的直边,​​也可以偏移链接的起点和终点,但是这涉及更多,因为您必须要告诉代码哪个链接位于“左-手”一侧,并且在“右侧”一侧。 一种方法是使用JavaScript的内置Math.atan2函数查找链接的斜率,并根据该斜率偏移出站链接。 有机会的时候我会写一个例子。

  ask by Ederson R. translate from so

未解决问题?本站智能推荐:

2回复

d3.js图表中的错误线条

我不知道为什么我在 d3.js 图表中有一些错误的线条。 我不确定这是编码问题,因为如果我尝试更改 Chrome 上的选项卡,然后返回图表的选项卡,错误的行就会消失。 不是很容易理解是什么问题,都加个图来解释更好。 这是更新图表的 javascript 代码(我正在使用 Vue.js) 编辑:如果
1回复

如何使用d3.js绘制带箭头的线条

使用d3.js绘制带箭头的线条时遇到问题。 我确实看到了一些教程并编写了这段代码,但我只看到没有箭头标记的行。 有人可以看看它,并告诉我我在哪里失踪。 提前致谢。
1回复

D3.JS:如何为线条设置动画

D3相对较新,对线的平移(动画)有疑问。 我使用以下代码为圈子设置动画: 特别是最后3行对我来说很有趣-是否有等效的translate行?
2回复

使用d3.js的多个圆圈/线条

我有一个d3.js问题,已经为此苦苦挣扎了一段时间,似乎无法解决。 我相信这很容易,但是缺少一些非常基本的东西。 具体来说,我有以下代码,它为JSON中的第一个条目生成了一行和两个圆圈-我为第一个条目进行了“硬编码”。 现在,我想将JSON文件的第2和第3项添加到图形中,并控制线条和圆
1回复

弧外标签的线条(饼图)d3.js

我是 D3js 的新手,想为饼图的外部标签添加线条。 这是代码。 它显示标签,但我想用弧线连接它。 我需要像这样,但无法产生对我的例子。 JavaScript: var data = [ {name: "A", val: 11975}, {name: "B", val: 5871}, {n
1回复

D3.js可以使用流畅的线条区域图表?

我用D3.js创建面积图 ,然后用流畅的线条创建。 可能吗? 在我的代码中,我只创建svg并放置行和区域。 我使用虚拟数据。 以下是我的代码: http : //jsfiddle.net/sota0805/mv48H/ 提前致谢。
1回复

如何在d3.js中删除地图之间的线条

我是d3.js的新手。 试图了解制图示例,请参见http://prag.ma/code/d3-cartogram/ 。 在这里,他们以美国地图为例。 对于世界地图,我正在尝试同样的方法,以查看其工作原理。 我的制图地图之间有线条。 我的数据仅包含少数几个国家/地区的值,因此我将其他国家
1回复

如何让线条在d3.js多折线图上呈现?

我目前正在学习 d3,但很难获得多折线图来呈现路径。 在这种情况下,轴都是可见的,但是我无法弄清楚为什么没有出现实际的线条。 我怀疑问题出在我对 scaleOrdinal 的使用(或误用)中。 我已经成功地制作了具有相似数据的单线图。 谁能帮我确定为什么我的线条没有出现在这个例子中? <