附录:SVG图类型-统计图
目录

附录:SVG图类型

SVG类型的统计图属于静态统计图,通过json文件前台画出对应图形,不再生成图片,提高展现速度。

二维柱图

 二维柱图用于结构简单的数据,来显示数据间的差异或是一段时间内数据的变化。

 二维柱图示例:

 

饼图

 饼图可以清楚地表示各项数据值同总值间的比例关系。

 饼图示例:

 

环形图

 环形图同饼图一样,可以清楚地表示各项数据值同总值间的比例关系。

 环形图示例:

簇状柱图

  簇状柱图用于结构复杂的数据,来显示各项之间的比较情况和每项的数据变化情况。

  簇状柱图示例:

    

折线图

 折线图用于随时间而变化的连续数据,来显示相等时间间隔下数据增减变化的情况。

 折线图示例:

 

簇状条形图

 簇状条形图用于显示各项之间的比较情况和每项的数据变化情况。

 簇状条形图示例:

 

堆积条形图

 堆积条形图用于显示每个分类总的数据以及各分类间数据的变化情况。

 堆积条形图示例:

 

面积图

 面积图用于强调数据随时间而变化的程度以及引起用户对总值趋势的注意。

 面积图示例:

  

堆积面积图

 堆积面积图用于显示部分与总体的关系以及强调了数据随时间而变化的程度。

 堆积面积图示例:

 

单轴柱线图

 单轴柱线图结合了柱图和线图,既能显示数据间的差异又能显示相等时间间隔下数据增减变化的情况。

 单轴柱线图示例:

双轴柱线图

 双轴柱线图同单轴柱线图一样,考虑到系列多的情况,就可以选择多轴系列图。用来显示相等时间间隔下多项数据增减变化的情况。

 双轴柱线图示例:

雷达图

 雷达图用于显示数据相对中心点和其他数据点的变化情况(雷达图至少三个分类才可以形成图形)。

 雷达图示例:

    

仪表盘

 仪表盘用于显示数据所在的区间,清楚地看到数据的位置。

 仪表盘示例:

环形仪表盘

 环形仪表盘同仪表盘一样,用于显示数据所在的区间,清楚看到数据的位置。

 环形仪表盘示例: