一图胜千言 选取常用到echarts工具进行前端实现的使用说明。主要基于二维视图进行讲解。

类型是强调共性,类别是强调区别.

柱形图

定义:显示一段时间内的数据变化或显示各项之间的比较情况,主要使用颜色进行类型区分。XY轴的二维空间体现。
主要用于比较各组数据之间的差别或数据变化情况。

柱状图

1.柱状对比图
颜色进行类型区分,体现一段时间内的变化情况

柱状对比图

2.堆叠柱状图
颜色进行类别区分,同一条柱子下可是设置成类型一样的数据,然后体现时间段内的变化情况

堆叠柱状图

3.条形图
颜色区分类别,体现不同项类型在数值上的差异,从上到下一般是数值由大到小的规则进行排序,即图例所示

条形图

4.堆叠条形图
多种类型数据在一段时间内的变化情况

堆叠条形图

5.瀑布图
展现整体与其组成的个体之间数值的组成关系

瀑布图

总结:柱状图是Y轴为数值,X轴为时间或类型;条形图是Y轴为时间或类型,X轴为数值。


折线图

定义:显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。
主要用于趋势分析。

折线图

1.折线对比图
颜色进行类型区分

折线对比图

2.面积图
面积图强调数量随时间而变化的程度

面积图

3.堆叠面积图
体现多种类型随时间变化的程度

堆叠面积图

总结:Y轴是数值,X轴是时间。


饼图

定义:显示每一数值相对于总数值的大小。
主要用于各部分占整体的多少说明。(建议饼图不超过8块,百分比按一定规则顺时针排序)

饼图

1.环形饼图
中间内空,与饼图表达数据形式一样

环形饼图

2.嵌套环形图
内部饼图代表一级分类,外部环形图代表一级分类下的二级分类

嵌套环形图

3.南丁格尔玫瑰图
各种类型占整体的比例,如图所示,rose8是100%,rose6是90%,rose7是80%。面积代表大小。

南丁格尔玫瑰图


散点图

定义:散点图表示因变量随自变量而变化的大致趋势,据此可以选择合适的函数对数据点进行拟合。顾名思义,就是散落的点去表达信息。
主要用于查找变量之间的相关性。

散点图

1.散点图
二维视图中的散点图,用于发现X、Y轴代表变量的关系,颜色代表类型

散点图

2.气泡图
图中有4个变量,X轴为时间,Y轴为AQI指数,气泡大小为PM2.5的值大小,颜色深浅为二氧化硫的值。注意气泡大小是气泡面积表达,不是按照圆的直径。

气泡图

总结:使用X、Y,气泡大小,颜色等表达变量信息,探查数据关系。


雷达图

定义:集中划在一个圆形的图表上,来表现一个整体中的各项个体比率的情况
主要用于各项指标整体情况分析。(建议指标不要超过20项)

雷达图

雷达图-1


地图

定义:按一定的比例运用符号、颜色、文字注记等描绘显示地球表面的自然地理、行政区域、社会经济状况的图形。
主要用于体现地理位置上各项数据的情况。

地图


矩形树图

主要用于整体中各个子项目占整体的多少。

矩形树图


桑基图

定义:它是一种特定类型的流程图,图中延伸的分支的宽度对应数据流量的大小,通常应用于能源、材料成分、金融等数据的可视化分析。桑基图最明显的特征就是,始末端的分支宽度总各相等,即所有主支宽度的总和应与所有分出去的分支宽度的总和相等,保持能量的平衡。
电商进行流量来源去向分析时,常用桑基图表示

桑基图


漏斗图

电商领域中,主要是基于用户行为步骤,查看转化率情况

漏斗图


仪表盘

定义:清晰的看出某个指标值所在的范围,达成率。
较多用于管理驾驶舱呈现

仪表盘


热力图

定义:以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。
热力图常用于网页点击、道路交通、销售分布等,比如:打车软件司机端有订单发送的热力图,司机可以根据图像所示,去客流较多的地方增加接单率

1.网页点击热力图
颜色越深,数值越大

点击热力图

2.交通出行热力图
颜色越深,说明路段越拥堵

交通路线

3.笛卡尔坐标系上的热力图
主要用于活跃程度的体现,比如个人在某个网站的活跃率

笛卡尔坐标系上的热力图


箱线图

定义:常用的统计量,能提供有关数据位置和分散情况的关键信息,尤其在比较不同的母体数据时更可表现其差异。

箱线图

箱线图说明


旋风图

旋风图可以为上金字塔形,和下金字塔形状,主要用于2个不同类型之间的比较,分为左右两个轴,制作的时候以其中一个轴的数据按数据大小排列后为基准。

旋风图


小技能:
数据、图表、颜色搭配缺一不可,Google搜索可以用关键词+visualization,然后查看图片。

作者:罗黑喵爱吃棉花糖
链接:http://www.jianshu.com/p/99ff66e3d4f7
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

大数据可视化常用图表--简单说相关推荐

  1. 数据可视化----常用图表样式

    import matplotlib.pyplot as plt import pandas as pd import numpy as np# 解决中文乱码问题 plt.rcParams['font. ...

  2. 2017年大数据可视化的3个趋势,有企业已经提前布局

    当大家都在想的时候,如果你已经做了,你就领先了别人一个身位,不管在运动场还是在商场,一个身位的差距足以影响成败格局.随着大数据产业的蓬勃发展,大数据可视化正处于这样一个决定企业成败的关键地位,在当下的 ...

  3. Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理

    Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理 目录 Vue 之 echarts 图表数据可视化常用的一些图表/动态图表/3D图表的简单整理 一.简单介绍 二. ...

  4. ant如何形成时间轴和图库_Python数据可视化常用4大绘图库原理详解_python

    这篇文章主要介绍了Python数据可视化常用4大绘图库原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 今天我们就用一篇文章,带大家梳理mat ...

  5. 大数据可视化大屏图表设计经验,教给你

     前言   自从跟大家分享第一篇<大数据可视化大屏设计经验,教给你!>,很多小伙伴都会问我一些相关的问题,看了小伙伴给我发的视觉稿,整体都还不错,但是发现图表的设计都有一些问题,大家可能对 ...

  6. 大数据可视化模板、模板框架、动态控件、可视化大数据原型、监控平台、图表元件库、数据看板、驾驶舱、统计图表、大数据驾驶舱、大屏展示、联勤治理、旅游、运输、车辆、校园、舆情、信息监测看板原型

    大数据可视化模板.模板框架.动态控件.可视化大数据原型.监控平台.图表元件库.数据看板.驾驶舱.统计图表.大数据驾驶舱.大屏展示.智慧安防.党建.旅游.运输.医疗.校园.工业园区环境监测看板原型 适用 ...

  7. 大数据可视化模板、模板框架、动态控件、可视化大数据原型、监控平台、图表元件库、数据看板、驾驶舱、统计图表、大数据驾驶舱、大屏展示、智慧安防、党建、旅游、运输、医疗、校园、工业园区环境监测看板原型

    大数据可视化模板.模板框架.动态控件.可视化大数据原型.监控平台.图表元件库.数据看板.驾驶舱.统计图表.大数据驾驶舱.大屏展示.智慧安防.党建.旅游.运输.医疗.校园.工业园区环境监测看板原型 适用 ...

  8. 可视化框架、Axure原型、大屏可视化、图表组件、图表元件库、统计图表、数据可视化模板、条形图、折线图、散点图、时间轴、仪表盘、饼图、散点图、雷达图、高山图、登录模板、弹窗、弹幕、预警、散点图

    可视化框架.数据可视化综合管理平台.大屏可视化.图表组件.图表元件库.统计图表.数据可视化模板.条形图.折线图.散点图.时间轴.仪表盘.饼图.散点图.雷达图.高山图.登录模板.弹窗.弹幕.预警.散点图 ...

  9. 大数据可视化技术面临的挑战及应对措施

    来源:科技导报 本文约5400字,建议阅读10分钟 本文介绍了适用于大数据的数据可视化技术,讨论了针对大数据可视化应用需求自主研发的交互式可视化设计平台AutoVis及其应用. [ 导读 ]本文从大数 ...

最新文章

  1. 效率神器!开源快捷启动工具
  2. Eclipse 引导阮卓项目 No projects are found to import解
  3. 【转】2.2【MySQL】运行原理(二):InnoDB 内存结构、磁盘结构及update sql执行过程分析
  4. stl字符串去除空格_在列表中推送字符并在C ++ STL中将它们打印为空格
  5. NTIRE @ CVPR 2021 视频质量增强竞赛:数据库、方法及结果汇总(官方发布)
  6. 使用bat向文件的第一行中写入内容
  7. Mac如何打开CAJ格式的文件?
  8. 商家APP店内点餐开启有桌台点餐模式
  9. python3 sorted()的用法
  10. 报税远程服务器返回错误,紧急 | 增值税申报失败,调用系统服务出错,怎么办?...
  11. win2003 开启显示加速
  12. 投影仪与电视的C位之争,电视会成为下一个被淘汰的电器吗?
  13. Pygame开发Flappy Bird小游戏(下)
  14. word中表格出现断线的问题
  15. 初探机器学习与评分卡模型
  16. java 跨域上传,Java如何利用Ajax完成跨域上传图片的功能介绍
  17. Javaweb化妆品网上购物系统
  18. [梆梆安全]游戏广告条被篡改原理和APK加固保护方法
  19. jdk,neo4j社区版本下载与安装
  20. 制作重排九宫游戏c语言,九宫重排 (C++代码)

热门文章

  1. 方波与sinc函数之间的最全傅里叶变换关系_助记_有图有推导
  2. php判断图片有没有ps过,你知道你PS过的图片会侵犯别人的权利吗?
  3. 【大学生软件测试基础】图书阅读指南 - 决策表法
  4. 听说你还不了解微前端?[收藏=学会]
  5. 美国近年来推进“新基建”的布局及启示
  6. 阿里云Centos7搭建MySql数据库
  7. 算法开启循环队列武魂
  8. Python 计算 log以2为底的对数
  9. 根据先序遍历建立一个二叉树
  10. 阿里云大数据工具,让海底捞更懂你