如何使用 d3 制作简单的有向图

Question

我正在尝试基于这个 D3.js 示例“http://bl.ocks.org/1153292”创建一个简单的力布局有向边图。

有一行写着.data(["suit", "licensing", "resolved"])，但我不知道那是什么意思。我不得不承认我并不完全了解它的细节。

我看过一些这样的问题，但没有一个有用。

如果

1. sb 可以分辨出“.data(["suit", "licensing", "resolved"])" 的含义。

2. 箭头是如何添加到边缘末端的。

Answer 1

1. join 正在为这三种类型创建标记，以自定义 CSS 如何设置每个边缘的显示样式。
2. 在link 中，源和目标具有特殊含义。在分配path 期间，每个目标都用一个箭头绘制。