(二)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的更多相关文章
- (三、四)Superset 1.3图表篇——透视表-Pivot Table
本系列文章基于Superset 1.3.0版本.1.3.0版本目前支持分布,趋势,地理等等类型共59张图表.本次1.3版本的更新图表有了一些新的变化,而之前也一直没有做过非常细致的图表教程. 而且目前 ...
- (一)Superset 1.3图表篇——Table
本系列文章基于Superset 1.3.0版本.1.3.0版本目前支持分布,趋势,地理等等类型共59张图表.本次1.3版本的更新图表有了一些新的变化,而之前也一直没有做过非常细致的图表教程. 而且目前 ...
- Highcharts使用二维数组生成图表
Highcharts使用二维数组生成图表 二维数组是更为灵活的一种数据存储方式.在Highcharts中.能够使用配置项column和rows二维数组.对于使用columns构建的二维数组,Highc ...
- 【HELLO WAKA】WAKA iOS客户端 之二 架构设计与实现篇
上一篇主要做了MAKA APP的需求分析,功能结构分解,架构分析,API分析,API数据结构分析. 这篇主要讲如何从零做iOS应用架构. 全系列 [HELLO WAKA]WAKA iOS客户端 之一 ...
- 百度APP移动端网络深度优化实践分享(二):网络连接优化篇
本文由百度技术团队“蔡锐”原创发表于“百度App技术”公众号,原题为<百度App网络深度优化系列<二>连接优化>,感谢原作者的无私分享. 一.前言 在<百度APP移动端网 ...
- 数据可视化之 图表篇(二)如何用Power BI制作疫情地图?
丁香园制作的这个地图可视化,相信大家每天都会看好几遍,这里不讨论具体数据,仅来探讨一下PowerBI地图技术. 这个地图很简洁,主要有三个特征: 1,使用着色地图,根据数据自动配色 2,只显示中国地图 ...
- 搭建前端监控系统(二)JS错误监控篇
===================================================================== 前端性能监控系统: DEMO地址 GIT代码仓库地址 ...
- node.js后台快速搭建在阿里云(二)(pm2和nginx篇)
前期准备 阿里云服务器 node.js pm2 express nginx linux(推荐教程:鸟哥的私房菜) 简介 嗯……我只是个前端而已 在第一部分说完了express篇. 后面继续项目的部署, ...
- 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十║Vue基础终篇:传值+组件+项目说明
缘起 新的一天又开始啦,大家也应该看到我的标题了,是滴,Vue基础基本就到这里了,咱们回头看看这一路,如果你都看了,并且都会写了,那么现在你就可以自己写一个Demo了,如果再了解一点路由,ajax请求 ...
随机推荐
- element UI+vue关于日期范围选择的操作,picker-options属性的使用
一般 <el-date-picker />使用会出现起始日期和结束日期,结束日期不能早与起始日期,选择了其实日期后,结束日期大于起始日期的不可选,置灰,同理先选结束日期后再选起始日期,那么 ...
- Go通关03:控制结构,if、for、switch逻辑语句
if 条件语句 func main() { i:=6 if i >10 { fmt.Println("i>10") } else if i>5 && ...
- 开机时自动启动的AutoHotkey脚本 2019年07月08日19时06分
;;; 开机时自动启动的AutoHotkey脚本;; 此脚本修改时间 2019年06月18日20时48分;; 计时器创建代码段 ------------------------------------ ...
- 搭建SSM基础环境>基于idea
目录 搭建SSM基础环境 创建一个Web项目 导入所需要的jar包 在项目目录下创建一个Resources文件夹并设置为类路径 在src目录下创建项目的初始文件夹目录 在resources文件夹下创建 ...
- 说实话,Android开发月薪3W,谁不酸呢?
近期有个网友在某匿名区晒字节跳动Offfer,毕业一年月薪3W,引发众多读者羡慕,纷纷留言酸了.酸了.但进大厂的要求还是蛮高的,需要在技术实力上有一定的积累,今天给大家分享一份高质量笔记, 助力大家技 ...
- Linux中配置ftp传输
.personSunflowerP { background: rgba(51, 153, 0, 0.66); border-bottom: 1px solid rgba(0, 102, 0, 1); ...
- 解决java种mysql中文乱码问题
乱码问题原因有多种,其中有一种是由于MySQL默认使用 ISO-8859-1 ( 即Latin1 ) 字符集,而JAVA内部使用Unicode编码,因此在JAVA中向MYSQL数据库插入数据时,或者读 ...
- sqli-labs 16-20
less 16: 和less 15基本一致,只是对参数进行了 ") 的包裹,注意闭合语句使用延时注入即可. 下面给一个payload示例: uname=admin")and if( ...
- Windows常用命令汇总以及基础知识
命令部分: dir dir指定要列出的驱动器.目录和/或文件 ,/?显示所有命令 例:dir /b /s /o:n /a:a 表示显示当前路径下的所有文件的绝对路径,包含子文件夹的内容 /b表示去除摘 ...
- luoguP1528&2329 栅栏&切蛋糕
前言 蒟弱本来是在亿万年前做二分答案专题栅栏的,由于数据水所以过掉了,后来发现有一个数据加强版,也就是本题,于是爆T了...过了有个五六个月回来填坑了...现在开O2是在最优解第一个(自豪ing 题目 ...