繁体   English   中英

链接力d3.js上的线条着色

Line coloring on link force d3.js

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

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

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

1 个回复

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

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

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

1 d3.js 图表中的错误线条

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

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

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

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

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

5 D3.js映射中的着色状态

我正在关注以下示例: http : //bl.ocks.org/michellechandra/0b2ce4923dc9b5809922 我使用的是美国国家地理数据的500k版本。 到目前为止,我还没有以任何方式更改代码。 这是我的输出结果: 如您所见,地图正在按预期方式渲染。 ...

2018-12-10 18:40:23 0 26   d3.js
6 d3.js节点和链接

我正在尝试使节点连接到线路,并能够在拖动时四处移动。 我知道我需要将鼠标移至上方,移至下方,移至下方并移至上方。 但是,我无法弄清楚如何使用d3.js进行此操作,因为我从未做过。 到目前为止,这是我所做的。 ...

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

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

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

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM