图表这么多,该用哪种展示我的数据呢?

简介: 上次赵小编给大家介绍了如何使用 Echarts 进行图形可视化,可见:如何快速画出美观的图形?。但是有些小伙伴问到:我应该怎么选择图表来展示我的数据呢?

简介


上次赵小编给大家介绍了如何使用 Echarts 进行图形可视化,可见:如何快速画出美观的图形?。但是有些小伙伴问到:我应该怎么选择图表来展示我的数据呢?

这个问题确实非常重要,图表的作用,是帮助我们更好地看懂数据。"选择什么图表,需要回答的首要问题是我有什么数据,需要用图表做什么,而不是图表长成什么样"。

今天推荐一个非常实用的图表用法讲解网站 AntV[1]文末原文链接直达


网站首页

AntV是蚂蚁集团研发的一个可视化工具,这个网站也提供了绘制各种图形的方法。网站的首页[2]的菜单栏包含了六个数据分析产品,大家可以按需要选择。

WB`UQVX)G$$]EXX[HZ6FD_4.pngimage.gif

网站首页

今天小编先为大家介绍其中一个亮点——图表用法,如果大家对其他产品的功能也感兴趣的话,欢迎在评论区留言,小编下次再继续为大家介绍~

image.gif图表用法

QP([0F1FQ@907U{DDK6L(`7.png


图表用法介绍

左侧导航栏按照功能分类。假设我有一组分类数据,并想查看各类别的占比是多少,这时候就可以点击占比类

)I58_F%L(Z11MQYR[3FRLFS.png

image.gif占比类图表


点击进入即可看到展示占比情况的相关图表,此时如果还不知道该选哪个,那么就可以逐一查看各个图表用法。比如,我点击堆叠面积图,进入图形详情页,详情页的右侧有个内容导航栏

1DIL~CX2_TON59D6XR]0O6I.png

详情页


在详情页,你可以了解到图形的构成、应用场景、与其他图形的对比等等。其中,我觉得很重要的一 part 就是应用场景,将自己的数据与图形正确示例进行比较,进而判断这个图形是否适应于自己的数据。

E9T4V]G_9G%]}3]M7B%Q{R4.png

适用的应用场景


文章还给出了不适用的场景,避免大家错用图形❌。

BIOXN72CXNE@@($XVG6$0[T.png

改图表不适用的场景


当然还可以进一步看下与其他图表的对比,这样就能举一反三,一下掌握几个图表的用法啦,知识储备库是不是又大了一些呢😄

EZYXDV6DOOQZ69XEA1L]4JY.png

目录
相关文章
|
3月前
|
开发框架 前端开发 JavaScript
在Winform开发中,我们使用的几种下拉列表展示字典数据的方式
在Winform开发中,我们使用的几种下拉列表展示字典数据的方式
|
5月前
|
Linux iOS开发 MacOS
【随手记】maplotlib.use函数设置图像的呈现方式
【随手记】maplotlib.use函数设置图像的呈现方式
57 0
|
6月前
|
数据可视化 数据挖掘
Seaborn中的分类图:直观展示分类数据的差异
【4月更文挑战第17天】Seaborn是数据分析中的利器,尤其在展示分类数据差异方面。本文介绍了5种主要图表类型:1) 使用`barplot`创建条形图,便于比较不同分类的数值差异;2) `boxplot`生成箱线图,展示数据分布和离散程度;3) `stripplot`和`swarmplot`显示单个观测值分布,理解分类内变异性和差异;4) `scatterplot`结合`hue`参数,呈现分类在连续变量关系中的差异;5) 自定义分类图,调整样式以满足特定需求。通过这些图表,可以更深入地分析和传达分类数据的特性。
|
6月前
|
存储 JSON 程序员
C#实现数据导出任一Word图表的通用呈现方法及一些体会
C#实现数据导出任一Word图表的通用呈现方法及一些体会
|
机器学习/深度学习 数据采集 PyTorch
图片风格自动分析模型
图片风格自动分析模型
214 0
|
数据采集 监控 数据可视化
做出酷炫的动态统计图表,不一定要写代码
首先这个名字很长的,就是上面 GDP 图表的作者 Jannchie见齐 基于 D3.js 开发的 将历史数据排名转化为动态柱状图图表 的项目,并在 github 上开源了。
|
C++ 计算机视觉 数据格式
C/C++主调函数从被调函数中获取(各种类型)数据内容方式的梳理归纳
C/C++主调函数从被调函数中获取(各种类型)数据内容方式的梳理归纳
215 1
C/C++主调函数从被调函数中获取(各种类型)数据内容方式的梳理归纳
|
数据采集 消息中间件 分布式计算
最终整体回顾总结(代码-预处理及爬虫识别)|学习笔记
快速学习最终整体回顾总结(代码-预处理及爬虫识别)
125 0
最终整体回顾总结(代码-预处理及爬虫识别)|学习笔记
|
JSON JavaScript 数据可视化
UI库组件属性太多不知道啥意思?没关系来看看可视化设置(二)
UI库提供了很多组件,组件又带有很多属性,有一些常用属性我们可以记住并且手撸,但是有些不常用的属性,或者需要设置多个属性,这样的情况下写起来就麻烦了,有时候还要打开帮助文档看看属性是怎么设定的,需要设置什么样的属性值。那么有没有优雅的方式来设置组件的各种属性呢?我做了一个在线小工具,可以方便的设置属性,并且可以实时看到效果。
UI库组件属性太多不知道啥意思?没关系来看看可视化设置(二)
|
JSON 数据可视化 JavaScript
UI库组件属性太多不知道啥意思?没关系来看看可视化设置(一)
UI库提供了很多组件,组件又带有很多属性,有一些常用属性我们可以记住并且手撸,但是有些不常用的属性,或者需要设置多个属性,这样的情况下写起来就麻烦了,有时候还要打开帮助文档看看属性是怎么设定的,需要设置什么样的属性值。那么有没有优雅的方式来设置组件的各种属性呢?我做了一个在线小工具,可以方便的设置属性,并且可以实时看到效果。
UI库组件属性太多不知道啥意思?没关系来看看可视化设置(一)