(二)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的更多相关文章

  1. (三、四)Superset 1.3图表篇——透视表-Pivot Table

    本系列文章基于Superset 1.3.0版本.1.3.0版本目前支持分布,趋势,地理等等类型共59张图表.本次1.3版本的更新图表有了一些新的变化,而之前也一直没有做过非常细致的图表教程. 而且目前 ...

  2. (一)Superset 1.3图表篇——Table

    本系列文章基于Superset 1.3.0版本.1.3.0版本目前支持分布,趋势,地理等等类型共59张图表.本次1.3版本的更新图表有了一些新的变化,而之前也一直没有做过非常细致的图表教程. 而且目前 ...

  3. Highcharts使用二维数组生成图表

    Highcharts使用二维数组生成图表 二维数组是更为灵活的一种数据存储方式.在Highcharts中.能够使用配置项column和rows二维数组.对于使用columns构建的二维数组,Highc ...

  4. 【HELLO WAKA】WAKA iOS客户端 之二 架构设计与实现篇

    上一篇主要做了MAKA APP的需求分析,功能结构分解,架构分析,API分析,API数据结构分析. 这篇主要讲如何从零做iOS应用架构. 全系列 [HELLO WAKA]WAKA iOS客户端 之一 ...

  5. 百度APP移动端网络深度优化实践分享(二):网络连接优化篇

    本文由百度技术团队“蔡锐”原创发表于“百度App技术”公众号,原题为<百度App网络深度优化系列<二>连接优化>,感谢原作者的无私分享. 一.前言 在<百度APP移动端网 ...

  6. 数据可视化之 图表篇(二)如何用Power BI制作疫情地图?

    丁香园制作的这个地图可视化,相信大家每天都会看好几遍,这里不讨论具体数据,仅来探讨一下PowerBI地图技术. 这个地图很简洁,主要有三个特征: 1,使用着色地图,根据数据自动配色 2,只显示中国地图 ...

  7. 搭建前端监控系统(二)JS错误监控篇

    ===================================================================== 前端性能监控系统: DEMO地址    GIT代码仓库地址 ...

  8. node.js后台快速搭建在阿里云(二)(pm2和nginx篇)

    前期准备 阿里云服务器 node.js pm2 express nginx linux(推荐教程:鸟哥的私房菜) 简介 嗯……我只是个前端而已 在第一部分说完了express篇. 后面继续项目的部署, ...

  9. 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十║Vue基础终篇:传值+组件+项目说明

    缘起 新的一天又开始啦,大家也应该看到我的标题了,是滴,Vue基础基本就到这里了,咱们回头看看这一路,如果你都看了,并且都会写了,那么现在你就可以自己写一个Demo了,如果再了解一点路由,ajax请求 ...

随机推荐

  1. C#曲线分析平台的制作(四,highcharts+ajax加载后台数据)

    在上一篇博客:C#曲线分析平台的制作(三,三层构架+echarts显示)中已经完成了后台的三层构架的简单搭建,为实现后面的拓展应用开发和review 改写提供了方便.而在曲线分析平台中,往往有要求时间 ...

  2. 【动画消消乐 】HTML+CSS 吃豆豆动画 073

    前言 Hello!小伙伴! 非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出-   自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称:海轰 标签:程序猿|C++选手|学生 简介:因C语言结识编程,随后转入计 ...

  3. 【Flutter学习一】Android的App的三种开发方式

    是时候学习新技术了: 转自:https://blog.csdn.net/qq_41346910/article/details/86692124 移动开发发展到现在,已经出现了三种开发方式.本文我将为 ...

  4. C++ 继承方式 与 普通方式 对比

    1 //C++ 继承 2 //继承是面向对象三大特性之一 3 4 #include <iostream> 5 #include <string> 6 using namespa ...

  5. 获取元素在页面中位置 getBoundingClientRect()

    DOM 原生方法getBoundingClientRect()获取元素相对视口位置 DOMRect 对象包含了一组用于描述边框的只读属性--left.top.right和bottom,单位为像素.除了 ...

  6. Shell-10-标准输入输出错误

    标准输入输出和错误 标准输入.输出和错误 重定向符号 示例 1 1 标准输出 2 错误输出 2 标准输出和错误输出同时定向到一个文件中 >share.txt 2>&1 3 > ...

  7. 适配Android4.4~Android11,调用系统相机,系统相册,系统图片裁剪,转换文件(对图片进行上传等操作)

    前言 最近Android对于文件的许多方法进行了修改,网络上又没有对Android4到Android11关于系统相机.系统相册和系统裁剪的适配方案,我花了几天事件总结了一下,先上源码 DEMO源码 先 ...

  8. git根据项目地址使用不同代理服务器

    问题 由于公司访问GitHub只能走代理,但是内网gitlab服务器又不能走代理. 因此想找到一种方案,可以支持git自动根据项目地址使用不同代理. 方案 如下所示,可以指定GitHub地址使用指定的 ...

  9. DAY04 与用户交 互格式化输出与运算符

    与用户交互 输入: input # python2与python3的区别 # python3 res = input('please in put your username>>>& ...

  10. 一文搞懂RPC原理

    RPC原理解析 什么是RPC RPC(Remote Procedure Call Protocol)--远程过程调用协议,它是一种通过网络从远程计算机程序上请求服务,而不需要了解底层网络技术的协议.R ...