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

简介: 上次赵小编给大家介绍了如何使用 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

目录
相关文章
|
6月前
|
编解码 数据可视化 Java
3D模型拆分与合并展示,IVX真的可以简单实现
iVX 平台的优势和特点,包括逻辑完备性、操作流畅性、面向对象设计方法、可独立作为编程语言等方面的优势,下面来详细的介绍介绍。
74 0
|
13天前
|
数据可视化 数据挖掘
Seaborn中的分类图:直观展示分类数据的差异
【4月更文挑战第17天】Seaborn是数据分析中的利器,尤其在展示分类数据差异方面。本文介绍了5种主要图表类型:1) 使用`barplot`创建条形图,便于比较不同分类的数值差异;2) `boxplot`生成箱线图,展示数据分布和离散程度;3) `stripplot`和`swarmplot`显示单个观测值分布,理解分类内变异性和差异;4) `scatterplot`结合`hue`参数,呈现分类在连续变量关系中的差异;5) 自定义分类图,调整样式以满足特定需求。通过这些图表,可以更深入地分析和传达分类数据的特性。
|
4月前
|
机器学习/深度学习
如何使用一行代码在一张图形上展示不同的模型
如何使用一行代码在一张图形上展示不同的模型
29 0
|
4月前
|
存储 JSON 程序员
C#实现数据导出任一Word图表的通用呈现方法及一些体会
C#实现数据导出任一Word图表的通用呈现方法及一些体会
|
8月前
|
SQL Java 关系型数据库
从系统报表页面导出20w条数据到本地只用了4秒,我是如何做到的
最近有个学弟找到我,跟我描述了以下场景: 他们公司内部管理系统上有很多报表,报表数据都有分页显示,浏览的时候速度还可以。但是每个报表在导出时间窗口稍微大一点的数据时,就异常缓慢,有时候多人一起导出时还会出现堆溢出。 他知道是因为数据全部加载到jvm内存导致的堆溢出。所以只能对时间窗口做了限制。以避免因导出过数据过大而引起的堆溢出。最终拍脑袋定下个限制为:导出的数据时间窗口不能超过1个月。
|
8月前
|
Web App开发 缓存 JavaScript
简洁、巧妙、高效的长列表,无限下拉方案
简洁、巧妙、高效的长列表,无限下拉方案
77 0
|
9月前
|
数据采集 监控 数据可视化
做出酷炫的动态统计图表,不一定要写代码
首先这个名字很长的,就是上面 GDP 图表的作者 Jannchie见齐 基于 D3.js 开发的 将历史数据排名转化为动态柱状图图表 的项目,并在 github 上开源了。
|
JSON 前端开发 JavaScript
列表展示怎么做
列表展示怎么做
|
C++ 计算机视觉 数据格式
C/C++主调函数从被调函数中获取(各种类型)数据内容方式的梳理归纳
C/C++主调函数从被调函数中获取(各种类型)数据内容方式的梳理归纳
177 1
C/C++主调函数从被调函数中获取(各种类型)数据内容方式的梳理归纳
|
JSON 数据可视化 JavaScript
UI库组件属性太多不知道啥意思?没关系来看看可视化设置(一)
UI库提供了很多组件,组件又带有很多属性,有一些常用属性我们可以记住并且手撸,但是有些不常用的属性,或者需要设置多个属性,这样的情况下写起来就麻烦了,有时候还要打开帮助文档看看属性是怎么设定的,需要设置什么样的属性值。那么有没有优雅的方式来设置组件的各种属性呢?我做了一个在线小工具,可以方便的设置属性,并且可以实时看到效果。
UI库组件属性太多不知道啥意思?没关系来看看可视化设置(一)

热门文章

最新文章