zoukankan      html  css  js  c++  java
  • SVG图类型

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

    二维柱图

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

     二维柱图示例:

    饼图

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

     饼图示例:

    环形图

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

     环形图示例:

    簇状柱图

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

      簇状柱图示例:

    折线图

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

     折线图示例:

    簇状条形图

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

     簇状条形图示例:

    堆积条形图

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

     堆积条形图示例:

    面积图

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

     面积图示例:

    堆积面积图

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

     堆积面积图示例:

    双轴柱线图

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

     双轴柱线图示例:

    雷达图

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

     雷达图示例:

    仪表盘

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

     仪表盘示例:

    环形仪表盘

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

     环形仪表盘示例:

    专业的报表解决方案,轻松搭建报表平台和报表中心。
  • 相关阅读:
    box-shadow使用指南
    chrome的input默认样式黄色背景以及选中加粗的边框处理
    Spring AOP执行方法
    Spring JDBC主从数据库访问配置
    JS 命名冲突
    Data truncation: Truncated incorrect DOUBLE value 解决方案
    MySQL DATE_ADD() 函数
    Codeforces Round #340 (Div. 2)
    2020牛客寒假算法基础集训营3
    Codeforces Round #377 (Div. 2)
  • 原文地址:https://www.cnblogs.com/reportmis/p/5923243.html
Copyright © 2011-2022 走看看