d3 Cluster Chart

76 Words   |   0 Min   |   Posted on | | Views

cluster 图，主要为了表现层次关系，类似家谱，年表。

TUTORIAL

  1. 数据转换：d3.layout.cluster() 转换数据

  2. 生成贝赛尔曲线：d3.svg.diagonal() 生成贝塞尔曲线，绘制曲线path

  3. 每个nodes配置：给每个node放置label和circle

最后，做完的样子：
Cluster Chart