玩转可视化图表之矩形树图
一片好运来,两串爆竹响,散发好运气,四方来财气,五福升高空,六六都顺心,齐来迎春节,八方收和气,久久享福祉。今年是虎年,小编在这里给大家拜个晚年,祝大家在新的一年,十全十美。
看看小编在新年的第一篇文章,给你们带来什么干货。
铛铛铛铛,今天我为家人们带来的新组件——矩形树图、矩形树动画。矩形树图是用于描述考察对象之间数据指标的相对占比关系。
新的一年,惯例不能丢,为了让新人朋友们知道我们在说什么,我先来介绍一个可以与之互动的智能数据可视化平台,可以将各种数据报表分析的结果集成到平台的一个页面里,并将其投射到需要大屏上,实现大屏可视化。
流程走完,开始今天的重点矩形树图,进入新建页面,在其他图表这一栏中可以找到矩形树图,将他拖拽出来。
通过下图不难看出,在矩形树图中,将各个模块的占比进行了划分,而且具有上下级关系的模块之间颜色相近、间隔更加紧密,没有联系的模块之间间隙较大,颜色也不同。
当点击矩形树图的某个区域时会有路径显示,如下动图,点击了护士站,此时显示的{矩形树图-看诊-等待-护士站}便是该区域的路径。想返回最初状态时,只需点击路径头{矩形树图},便可迅速返回到最初状态。
接下来我们看看矩形树图的属性。我们主要看图层参数,在这里我们可以修改树图显示的颜色,让树图看起来更绚丽。还可以开启矩形图与旭日图动画,这样每隔一段时间就在两种图表之间进行切换。
这种切换的效果图也叫矩形树动画,可以直接拖拽此组件使用,也可以通过矩形树图来转换,用户按需求选择配置。
进入到数据界面,就可以对矩形树图里的数据进行操作。从下图不难看出 ,每一个节点都会有一个唯一编号,通过最后一列可以绑定一个编号,对应一个父节点,这样父节点一直的模块就会绑定在一起。中间两列分别对应模块的名称和数值,这样系统便可以进行分析生成合适的矩形树图。
最后我们用一个矩形树图设计一个大屏,来结束今天的的迪赛小课堂。
家人们还想看什么组件的欢迎在评论区里留言,我一定第一时间为大家解答。
玩转可视化图表之矩形树图相关推荐
- 迪赛智慧数——其他图表(矩形树图):人体每日膳食合理摄入结构
效果图 合理摄入膳食对我们身体而言也是至关重要的,可以参考上图的膳食结构.图中可以清晰的看到每类食物在膳食中所占的比重,但是膳食结构不是一成不变的,是可以根据自身的情况进行体调节的,通过均衡调节各类食 ...
- 04 【eCharts样式定制系列】矩形树图自定义颜色
描述 在目前的项目中,根据UI设计稿需要实现一个带有大屏的系统首页,在此首页上要添加地图和一些eCharts图表.但是根据UI设计稿,如果要达到美观的目的,需要对eCharts进行定制.此次需要定制的 ...
- python 矩形树图_好看的数据可视化的图片是怎么样做的?
其实这种图做起来相当简单,里面的图表只涉及了旭日图.饼状图.环形图.矩形树图和指标图几种,都不算是很复杂,前排推荐的工具几乎都能很轻松的实现. 但是!这只是对于专业的数据人或者精通这些专业工具的人来说 ...
- [数据可视化] 矩形树图(Treemap)
矩形树图介绍 矩形树图(Treemap)也叫矩形式树状结构图,它采用多组面积不等的矩形嵌套而成 在一张图中,所有矩形的面积之和代表了总体数据.各个小矩形的面积表示每个子项的占比,矩形面积越大,表示子数 ...
- Python数据可视化 Pyecharts 制作 Treemap 矩形树图
Python 的 Pyecharts 制作 Treemap(矩形树图) 时需要使用的设置参数和常用模板案例,可根据实际情况对案例中的内容进行调整即可. 文章目录 Demo 层级矩阵树图 标准矩阵树图 ...
- 丽水数据可视化设计价格_网站建设之B端交互设计——数据可视化图表
在B端设计中,数据可视化是必不可少而且非常重要,越来越多的设计师需要和数据打交道,但是很多设计师不懂可视化当中不同用途的图表规范,只是单纯设计出好看的数据图表,却不能给用户带来更多的信息和价值. 因此 ...
- Python数据可视化图表大全
可视化图表种类如此之多,什么场景下应该用什么图表展示,是一个让人头秃的难题. 数据可视化的爱好者Severino Ribecca,他在自己的网站上收录了 60 种可视化图表样式以及它们分别适用于什么样 ...
- Unity数据可视化图表插件XCharts3.0发布
Unity数据可视化图表插件XCharts3.0发布 历时8个多月,业余时间,断断续续,XCharts3.0 总算发布了.如果要打个满意度,我给 3.0 版本来个80分. 对于代码框架结构设计的调整改 ...
- 图之典—可视化图表的词典
写在前面 其实,无论是统计还是出图,都需要很详细的指导,统计方面有大量的书籍用于指导我们如何选择方法,如何做统计,但是出图方面就不是那么友好了,虽然有大量的软件和工具可以让我们明白如何作图,但是这些图 ...
最新文章
- python获取mac、计算机id_python 获取本机IP、mac地址、计算机名的简单示例
- Windows网络通信(二):socket异步编程
- linux下top命令参数解释
- python与其他编程语言对比优点_Python编程不同于其他编程语言的优点
- MySQL之安装美团点评的SQLAdvisor
- f12控制台如何查看consul_基于 Consul 的 Go Micro 客户端服务发现是如何实现的
- python如何生成excel文件夹_用python脚本通过excel生成文件夹树结构
- 标准IO库fgets和fputs对一个文本文件的读写操作
- mysql-bin 查看_Mysql Binlog数据查看的方法详解
- kotlin使用mapstruct(二)
- 随机计数器java_Java高效计数器
- 《构建之法》参考书和链接汇总
- matlab二重定积分_二重积分 matlab
- 猫、路由器、带宽、IP地址、子网掩码、网关以及公网与私网简介
- 使用基于ThinkPHP3.2.3的ThinkAdmin创建手机电脑通用的表白墙(七)优化:访问控制
- 高级计算机网络教程,计算机网络高级教程
- Opencv去除高光
- 乌镇发布六大榜单,解读大数据产业全景 !(附2018中国大数据产业地图、企业榜单)...
- 宏(macro)定义的简介
- #10038.A Horrible Poem