web区的大神们帮帮忙！

[stranger_don]

如上图所示，我想在网页正中间输出该图形。
（1）有10个相互作用的数值，上图是根据其中一个分子与其他分子的相似度的数值大小所作，越大越接近（ps：图片只供参考）
（2）.每个圆圈代表的是一个分子，编号1的为选中的分子，其他的是跟其相似的分子，距离越近越相似。

（3）web要求 鼠标悬停在圆圈，显示该分子名称，悬停在连线则显示相似度；
如果鼠标点击分子2，则出现分子2与其他9个分子的相似图。

[stranger_don]

求大神们帮帮忙，初次学习js，完全没有头绪。

[不得了不得了康纳]

我就随便说说，画个圆什么的 半径=（1-相似度）*一个倍数 弧度就在一个范围内平均分或者随机分。

[stranger_don]

我准备用canvas做，可行吗？

[囧]

用echarts的关系图可以做 http://echarts.baidu.com/demo.html#graph

[stranger_don]

谢谢。。这个能在网页中显示吗？

[stranger_don]

引用 4 楼 Free_Wind22 的回复:

用echarts的关系图可以做 http://echarts.baidu.com/demo.html#graph

十分感谢你。