用D3.js进行医疗数据可视化 （五） 饼图 (Pie Chart)

介绍

经过一系列对折线图的试验，这儿就来尝试一下用饼图（Pie Chart）来做医疗数据的可视化。在《用D3.js进行医疗数据可视化 （四） 堆积区图(Stacked Area Chart)》的图2中，我们见识了每种医疗机构每月院均诊疗人次数（人次）的比较。其实对于一组数据间的比较，用饼图是非常适合的：它可以直观地看到每种数据占总体的比例，以及相对于其他组数据孰大孰小。

 

代码

    
    
    
    
    







     年
     月

可视化效果

 

讨论

这儿基本饼图的实现参考了Nick Qi Zhu的源码，主要的改动，首先是对原数据进行了变形。原数据以每种机构作为key，所有日期的数据是一个list。但在饼图中，需要把同一个时间点上不同机构的value作为一个list。其次，采用了setInterval对每个时间点的数据进行顺序播放，直到全部可视化完毕。

图中显而易见，三级医院的每月院均诊疗人次数是最多的。而基层医疗机构相比而言几乎可以忽略不计。