D3.js ------ Layout

2018-05-23  本文已影响0人  升级打怪的V208

D3 总共提供了 12 个布局:饼状图(Pie)、力导向图(Force)、弦图(Chord)、树状图(Tree)、集群图(Cluster)、捆图(Bundle)、打包图(Pack)、直方图(Histogram)、分区图(Partition)、堆栈图(Stack)、矩阵树图(Treemap)、层级图(Hierarchy)。

12 个布局中,层级图(Hierarchy)不能直接使用。集群图、打包图、分区图、树状图、矩阵树图是由层级图扩展来的。如此一来,能够使用的布局是 11 个(有 5 个是由层级图扩展而来)。这些布局的作用都是将某种数据转换成另一种数据,而转换后的数据是利于可视化的。

Bundle ------ 捆图

image

Chord ------ 弦图

image

Cluster ------ 集群图

image

Force ------ 力导向图

image

Histogram ------ 直方图

image

Pack ------ 打包图

image

Partition ------ 分区图

image

Pie ------ 饼状图

image

Stack ------ 堆栈图

image

Tree ------ 树状图

image

Treemap ------ 矩阵树图

image
上一篇下一篇

猜你喜欢

热点阅读