(二)Superset 1.3图表篇——Time-series Table
(二)Superset 1.3图表篇——Time-series Table
本系列文章基于Superset 1.3.0版本。1.3.0版本目前支持分布,趋势,地理等等类型共59张图表。本次1.3版本的更新图表有了一些新的变化,而之前也一直没有做过非常细致的图表教程。
而且目前可以参考的资料有限,大部分还需要自己探索。所以本系列文章将对这59张图表的使用做一个整理。
Superset的安装入门,以及数据集的准备,请参考之前的教程,1.3版本依然可用。有问题随时沟通~
文章图片
本系列第二篇 Time-series Table。
也就是时间序列图表,这类图表还是比较不太常用。在1.3.0的例子中,也没有给出相关的例子。简单理解就是将时间序列图作为表中的一列。这对于部分趋势类图表的展示,还是非常的有意义的。
一、选择Time-series Table类型图表
首先,还是先选择新建Time-series Table类型图表。
文章图片
由于使用时间序列,本次采用的新的数据集,新冠疫情数据。需要数据集的同学请后台回复 covid_test获取数据集csv。
文章图片
二、Time-series Table图表设置
进入图表设置页面,这里会报一个错误
Controls labeled Metrics, Time series columns: cannot be empty
意思是指标和时间序列的列不能为空。
文章图片
1、数据集设置
在刚刚进入图表页以后,是看不到数据展示的。
最左侧的数据集部分之前已经介绍过,这里不做赘述。在DATA图表设置这部分,已经自动的将date列作为了时间列。注意:本次的数据有三列 时间 国家代码 确诊总人数。 由于date列是时间类型,所以就被自动识别为时间列了,这列为空报错的话,注意检查字段类型。
时间列设置
时间列的设置有三项: 时间列(TIME COLUMN) 时间粒度(TIME GRAIN) 时间范围(TIME RANGE)。
时间列就是选择那一列作为时间列。
时间粒度是对不同时间统计粒度的选择。分为年月日时分秒等等,这里我们选择时间。
文章图片
时间范围是对时间的一个筛选,可以选择自定义,之前的一段时间等等。这里我们选择No filter,不做过滤。
文章图片
查询设置
与table类型不同的是,Time series Table增加了一列TIME SERIES COLUMNS。可以选一列对时间趋势图表进行展示。下面进行一下设置:
选择MERICS为 SUM(total_cases),也就是统计确诊总数。
Filter为空。
Group BY 选择code,也就是根据国家代码进行分组。
文章图片
随后就是TIME SERIES COLUMNS的设置,选择加号,添加一列。随后编辑,设置。
主要有五项设置,分别为 标签(Label),提示(Tooltip),类型(Type),颜色范围(Color bounds),数字格式(Number format)。
标签(Label)就是列头部展示的名字。
提示(Tooltip)是列头部提示的信息。
颜色范围(Color bounds)使用的是红蓝颜色编码,可以设置最大最小值。
数字格式(Number format)就是对数字的格式进行设置。遵守d3的格式设置标准。
文章图片
这里重点说一下类型。
是有四种类型可以选的。
时间比较(time comparison)
分布(contribution)
迷你趋势图(sparkline)
周期平均(period average)
文章图片
时间比较是对结果的比较,而分布是对结果分布的统计。常用的就是sparkline了。
在选择sparkline以后,增加了x轴,y轴等等设置,需要根据图表进行一些调整。
文章图片
设置好以后,RUN,成功!
文章图片
本文对Time series Table类型的图表进行了介绍,虽然不是很常用也作为一个了解。
未完待续~
Superset学习交流群已经成立,欢迎各位大佬加入~
文章图片
更多技术干货与大数据落地方案,请关注 大数据流动
【(二)Superset 1.3图表篇——Time-series Table】
文章图片
推荐阅读
- EffectiveObjective-C2.0|EffectiveObjective-C2.0 笔记 - 第二部分
- 遇到一哭二闹三打滚的孩子,怎么办┃山伯教育
- 赢在人生六项精进二阶Day3复盘
- 2019年12月24日
- 陇上秋二|陇上秋二 罗敷媚
- 一百二十三夜,请嫁给我
- 迷失的世界(二十七)
- 我要我们在一起(二)
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- (二)ES6第一节变量(let|(二)ES6第一节变量(let,const)