Javascript 用弦图可视化通行证交通数据

Javascript 用弦图可视化通行证交通数据,javascript,d3.js,visualization,data-visualization,chord-diagram,Javascript,D3.js,Visualization,Data Visualization,Chord Diagram,我有一个球员之间的传球流量数据,第一列和第一行表示球员编号 我想把这些数据形象化。我想它是用博斯托克的 因为我几乎没有JavaScript方面的经验,所以我不知道从哪里开始 我怎样才能做到这一点呢?以下是我从您的数据中得到的信息 我刚刚用你的数组替换了矩阵数组 [2,3,1,0,0,2,0,6,5,2,5,0,3], [0,7,2,0,4,7,0,1,2,0,3,0,2], [0,0,4,1,5,3,3,0,1,1,5,1,0], [0,0,0,0,4,0,5,4,2,0,1,1,0], [0

我有一个球员之间的传球流量数据,第一列和第一行表示球员编号

我想把这些数据形象化。我想它是用博斯托克的

因为我几乎没有JavaScript方面的经验,所以我不知道从哪里开始


我怎样才能做到这一点呢?

以下是我从您的数据中得到的信息

我刚刚用你的数组替换了矩阵数组

[2,3,1,0,0,2,0,6,5,2,5,0,3], [0,7,2,0,4,7,0,1,2,0,3,0,2], [0,0,4,1,5,3,3,0,1,1,5,1,0], [0,0,0,0,4,0,5,4,2,0,1,1,0], [0,0,0,0,0,0,0,3,2,0,1,0,1], [0,0,0,0,0,1,3,4,1,1,9,1,6], [0,0,0,0,0,0,0,1,3,0,1,1,1], [0,0,0,0,0,0,0,0,0,1,0,0,0], [0,0,0,0,0,0,0,0,5,5,5,0,8], [0,0,0,0,0,0,0,0,0,0,8,0,1], [0,0,0,0,0,0,0,0,0,0,2,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,2], [0,0,0,0,0,0,0,0,0,0,0,0,0,2]


我并不是说这是正确的,只是想告诉你如何简单地用人们已经做过的工作来实现这一点。

Player 3不在第一行,因为它已经位于第一列。像这样,Player 91不在@Fud的第一列,我如何用第一列和第一行上的球衣号码替换“0k”标签?您看到行ticks.append('text',function(d){});现在,d.target.index可以为您提供相应的行和d.label的isntead。您可以使用该索引查找该行的用户a并返回其值。我本来可以制作一个要点,但github在此时保存要点时似乎给出了404。感谢FUD,这是一个很大的帮助。