Echarts旭日图的配置项,强大的层级关系展示图表。

ECharts中的旭日图(Sunburst Chart)是一种数据可视化图表,用于展示层级关系数据。它通常用于呈现树状结构或层级结构的数据,例如组织结构、文件目录结构、地理区域层级等。


 


 

旭日图通过圆形的方式展示数据的层级结构,每个环形区域代表一个层级,而且每个区域的大小表示该层级的数据量。用户可以通过交互方式展开或收缩每个层级,以便更详细地查看数据。

旭日图的作用包括但不限于:

1. 展示层级结构:

通过图形化的方式清晰展示数据的层级结构,使用户更容易理解数据之间的关系。

2. 数据量比较:

通过区域大小的差异展示不同层级的数据量,帮助用户快速比较不同层级之间的数据情况。

3. 交互性:

用户可以通过交互方式展开或收缩不同层级,以便更详细地查看数据,提供更好的用户体验。


 


 

总之,旭日图是一种强大的数据可视化工具,可以帮助用户更好地理解和分析层级结构的数据。


配置项

ECharts中的旭日图(Sunburst Chart)有许多可配置的选项,以下是其中的一些:

1. series.type:必须设置为 "sunburst",表示使用旭日图类型的图表。

2. series.radius:旭日图的半径,可以是一个数组,表示内外半径,也可以是一个数字,表示内外半径相同。

3. series.data:图表的数据,必须是一个数组,每个元素代表一个节点,可以是一个对象或者一个数组。

4. series.highlightPolicy:高亮策略,表示鼠标悬停在节点上时的反应方式,可以是 "ancestor"(高亮祖先节点)、"descendant"(高亮子孙节点)或者 "self"(只高亮当前节点)。

5. series.label:标签的样式设置,可以设置字体大小、颜色、位置等。


 


 

6. series.itemStyle:节点的样式设置,可以设置颜色、边框、阴影等。

7. series.levels:层级的设置,可以设置不同层级的样式、标签、高亮策略等。

8. tooltip:提示框的样式设置,可以设置背景色、边框、字体等。

9. legend:图例的样式设置,可以设置位置、布局、字体等。

10. series.emphasis:高亮状态下的样式设置,可以设置节点的颜色、边框、标签等。


 


 

11. series.blur:非高亮状态下的样式设置,可以设置节点的颜色、边框、标签等。

12. series.nodeClick:节点被点击时的交互设置,可以设置节点被点击时的反应。

13. series.sort:节点的排序方式,可以设置为 "ascending"(升序)或 "descending"(降序)。

14. series.dataZoom:数据缩放的设置,可以设置缩放范围、缩放方式等。

15. series.animation:动画效果的设置,可以设置动画的持续时间、缓动效果等。


 


 

16. series.center:旭日图的中心位置,可以设置为坐标值或百分比。

17. series.rosetype:旭日图的展示方式,可以设置为 "radius"(半径展示)或 "area"(面积展示)。

18. series.highlightStyle:高亮状态下的样式设置,可以设置节点被高亮时的颜色、边框、阴影等。

19. series.data[].children:表示每个节点的子节点,可以是一个数组,用于表示多个子节点。

20. series.data[].name:节点的名称,用于显示在图表上。


 


 

21. series.data[].value:节点的值,用于决定节点的大小。

22. series.data[].itemStyle:单个节点的样式设置,可以设置颜色、边框、阴影等。

23. series.data[].label:单个节点的标签样式设置,可以设置字体大小、颜色、位置等。

24. series.data[].emphasis:单个节点高亮状态下的样式设置,可以设置颜色、边框、标签等。

25. series.data[].select:单个节点被选中时的样式设置,可以设置颜色、边框、标签等。

26. series.data[].tooltip:单个节点的提示框样式设置,可以设置背景色、边框、字体等。

这些配置项可以帮助用户对旭日图的每个节点进行更加精细的设置和调整,以满足不同的可视化需求。


 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/11006.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Qt 学习笔记】Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout

博客主页:Duck Bro 博客主页系列专栏:Qt 专栏关注博主,后期持续更新系列文章如果有错误感谢请大家批评指出,及时修改感谢大家点赞👍收藏⭐评论✍ Qt常用控件 | 布局管理器 | 水平布局Horizontal Layout 文章编号&…

算法day01

1、[283.移动零](https://leetcode.cn/problems/move-zeroes/) 给定一个数组 nums,编写一个函数将所有 0 移动到数组的末尾,同时保持非零元素的相对顺序。请注意 ,必须在不复制数组的情况下原地对数组进行操作。 解题思路: 双指针…

Redis——入门简介

Redis,全称为Remote Dictionary Server,即远程字典服务,是一个开源的、内存中的数据结构存储系统。它可以用作数据库、缓存和消息中间件,具备出色的读写性能和丰富的功能特性。以下是对Redis的入门简介: 一、Redis的主…

LVM逻辑卷管理之快照 —— 筑梦之路

简介 LVM快照是LVM提供的一个强大功能,它允许我们在不中断服务的情况下捕获逻辑卷在某个时间点的状态,从而进行备份、恢复或测试等操作。LVM快照是一个特殊的逻辑卷,它保存了原始逻辑卷在某个时间点的数据镜像。快照使用写时复制&#xff08…

IT项目管理-小题计算【太原理工大学】

1.合同总价问题 问承包商的利润是? 实际利润目标利润(目标成本-实际成本)*卖方分担比例 解:10 000(100 000 - 90 000)* 0.2 12 000(元) 实际成本有时也写作最终成本,问承…

Ubuntu 24.04 LTS 安装 touchegg 开启触控板多指手势

文章目录 〇、概述一、安装 touchegg二、安装 gnome-shell 扩展 X11 Gestures三、安装可视化配置工具 touche 〇、概述 之前为了让笔记本支持多指手势,我安装的是 fusuma,安装教程详见 这篇文章 ,考虑到 fusuma 安装过程繁琐且不支持可视化配…

Qt自定义控件--提升为

为什么要自定义控件 1,有复合小控件需要组合为一个整体控件时; 2,一个复合控件需要重复使用时; 实现 自定义控件文件 新增三个文件 关联不同组的控件 关联之前的准备工作 1,在主控件选择和子控件所有控件所在控件…

linux 设备驱动支持多个设备写法

compatible “aaa,bbb” 当一个驱动支持多个设备的时候,在每个设备的dts中,都会配置各自的compatible,当与driver中的compatible匹配后,会取各自的data。在 __of_match_node中有match。 Example1 static const struct of_devi…

Docker与Consul:构建动态服务发现与更新的微服务体系

Docker和Consul是构建微服务体系中常用的工具之一,它们可以协同工作来实现动态服务发现和更新。下面是一个简单的Java微服务体系的示例,使用Docker容器和Consul进行服务的注册、发现和更新。 1. 创建一个简单的Java微服务 首先,我们创建一个…

1.4. 离散时间鞅-鞅的Lp收敛,鞅与停时 (2)

鞅的L^p收敛p > 1,鞅与停时 鞅的L^p收敛(p > 1),鞅与停时2. 极大值不等式2.1. Doob不等式-时间有界2.2. L p L^{p} L

MySQL主从切换测试

测试主从高可用 确认mha正常运行中ps -ef | grep mha #一般在kde-offline3节点 mysql 166898 1 1 17:54 pts/0 00:00:00 perl /bin/masterha_manager --conf=/data/apps/mha4mysql-manager-0.58/app13306.cnf --ignore_last_failover 如果未启动则需要手动执行mha…

数据结构之----栈与队列

栈是限定仅在表尾进行插入和删除操作的线性表; 队列是只允许在一端进行插入操作,而另一端进行删除操作的线性表; 栈,允许插入和删除的一端称为栈顶,另一端称为栈底,特点后进先出。 插入操作称为进栈&#…

【全网首发】大模型入门、概念详解、综述

大模型教程 注NLP入门、大模型入门、NLP发展、NLP四范式、综述入门必读图像相关大模型相关微调相关多模态相关其他注 多数文章博主已经读完,有中文笔记、代码、私信博主领取也可以相互交流学习。笔记写在flowus中会逐渐迁移到博客。 NLP入门、大模型入门、NLP发展、NLP四范式…

for box,score,cat in zip(xywhboxes,scores,cats):

zip()函数可以将多个可迭代对象打包成一个元组序列,这些对象的元素会一一对应,例如: a [1, 2, 3] b [a, b, c] c zip(a, b) print(list(c)) 输出为 [(1, a), (2, b), (3, c)] for循环中的zip()函数将它们打包成一个元组序列&#xff0…

Android中C++如何读写json文件

我们需要在json文件中记录一下总数,文件格式如下: [{"total_count":0,"total_count1":0,"total_count2":0,"total_count3":0,"total_count4":0}] 目录 1. Android.bp中新增 2. 头文件添加 3. 向jso…

websocket和http协议的区别

ws(websocket)协议和http协议是两种不同的协议。 http:http是一种用于传输超文本的应用层协议,通常用于web端浏览器和web端服务器之间传输数据。http也是基于tcp的,但是HTTP只能在同一时刻单向发送消息,是一种半双工通信。&#…

ISIS学习二——与OSPF相比的ISIS报文以及路由计算

目录 一.ISIS支持的网络类型 1.OSPF支持 2.ISIS支持 二.ISIS最优路径的选取 (1).ISIS开销值设置 1.全局开销 2.接口开销 3.根据带宽设置开销 (2).ISIS的次优路径 三.ISIS报文格式 1.ISIS专用报头——TLV 2.ISIS通用头…

LeetCode-2391. 收集垃圾的最少总时间【数组 字符串 前缀和】

LeetCode-2391. 收集垃圾的最少总时间【数组 字符串 前缀和】 题目描述:解题思路一:处理垃圾和路程单独计算。解题思路二:逆向思维,计算多走的路解题思路三:只记录,当前t需要计算几次 题目描述:…

SAF文件选择、谷歌PhotoPicker图片视频选择与真实路径转换

一、构建选择文件与回调方法 //文件选择回调ActivityResultLauncher<String[]> pickFile registerForActivityResult(new ActivityResultContracts.OpenDocument(), uri->{if (uri ! null) {Log.e("cxy", "返回的uri:" uri);Log.e("cxy&q…

计算机实战分享3:森林火灾预测分析可视化机器学习预测-完整数据代码-可直接运行

直接看实验数据和结果: 代码: from sklearn import preprocessing import random from sklearn.m