旭日图（Sunburst）

最新推荐文章于 2022-12-23 04:30:00 发布
最新推荐文章于 2022-12-23 04:30:00 发布
阅读量2k 收藏 11
点赞数
分类专栏： # Apache ECharts教程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52265084/article/details/118190663
版权
更多关于Apache ECharts的文档，请阅读:

《Apache ECharts教程》

旭日图（Sunburst）由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像饼图一样表现局部和整体的占比，又能像矩形树图一样表现层级关系。

在这里插入图片描述

引入相关文件

旭日图是 Apache EChartsTM 4.0 新增的图表类型，从 CDN 引入完整版的 echarts.min.js

最简单的旭日图

创建旭日图需要在 series 配置项中声明类型为 ‘sunburst’ 的系列，并且以树形结构声明其 data：


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  月满闲庭
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    11
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
R语言sunburst图（sunburst plot）可视化实战：使用sunburstR包和ggplot2包进行可视化

				
			

			

				

					statistics+insight+vista+power
				

				

					01-29
					
					90
					
				

			

		

		

			
				
R语言sunburst图（sunburst plot）可视化实战：使用sunburstR包和ggplot2包进行可视化

			
		

	



                

              
                



	

		

			

				
					
Echarts中太阳图（Sunburst）的实例

				
			

			

				

					weixin_34166472的博客
				

				

					07-12
					
					496
					
				

			

		

		

			
				
Echarts中太阳图（Sunburst）的实例
目前在项目中要实现一个Echars中的太阳图，但是Echars中的太阳图的数据格式是一个树形结构，如下代码格式如下：


var mapData = [
  {
    name: '会员属性',
    itemStyle: {
      color: '#777'
    },
    children: [
     ...

			
		

	



                


  
              

                


	

		

			

				
					
sunburst-chart：用于可视化层次结构数据的sunburst交互式图表Web组件

				
			

			

				

					02-05
				

			

		

		

			
				
朝阳图
 用于表示层次结构数据的交互式森伯斯特图，其中树的每个数据节点由多层环中的环形段表示。
 单击圆弧可将视图聚焦在关联的子树上，从而可以逐步浏览数据。 单击图表中心将缩小一级，而单击画布会将缩放级别重置为根视图。 该图表还通过将每个节点的圆弧动画化到其新位置来响应数据更改。
 默认情况下，圆弧区域与其数据值成线性比例，从而导致外层厚度以二次方的方式减小。 但是，可以使用radiusScaleExponent方法自定义。
 为了提高性能，将小于给定阈值（ minSliceAngle ）的弧从DOM中排除，从而允许在保持平滑交互的同时表示大型数据集。 有关随机生成的大型数据结构，请参见。
 

			
		

	





	

		

			

				
					
python 可视化plotly Sunburst图

				
			

			

				

					weixin_38040408的博客
				

				

					10-31
					
					4298
					
				

			

		

		

			
				
# -*- coding: utf-8 -*-
import plotly.offline as py  # 设置离线画图
import plotly.graph_objects as go
import pandas as pd


def features_transferred():
    # 对字典进行按照值从大到小排序
    features = {"IGBT控制器温度": 90, ...

			
		

	



		

			
		



	

		

			

				
					
dhtmlxSpreadsheet新产品上线！可免费下载

				
			

			

				

					RoffeyYang的博客
				

				

					09-30
					
					178
					
				

			

		

		

			
				
dhtmlxSpreadsheet是用纯JavaScript编写的开源电子表格小部件，可让您快速在网页上添加类似于Excel的可编辑数据表。高度可定制的JavaScript电子表格组件，具有优雅的Material样式，可安全、方便地编辑和格式化数据。
点击下载dhtmlxSpreadsheet
高度可定制的JavaScript电子表格组件，具有优雅的Material样式，可安全，方便地编辑和格式化数据。
新功能
从Excel导入
导出到Excel
数字格式
自动填充细胞
更新
一系列单元格中的热键行为
修复

			
		

	





	

		

			

				
					
【Python百日进阶-数据分析】Day136 - plotly旭日图:px.sunburst()实例

				
			

			

				

					岳涛的博客
				

				

					12-23
					
					2801
					
				

			

		

		

			
				
文章目录四、实例4.1 带有 plotly.express 的旭日图4.1.1 基础旭日图4.1.2 带有 plotly.express 的矩形 DataFrame 的旭日形4.1.3 改变path顺序，从而改变父子关系4.1.4 在 px.sunburst 中具有连续颜色参数的矩形 DataFrame 的 Sunburst4.1.5 在 px.sunburst 中具有离散颜色参数的矩形 DataFrame 的 Sunburst4.1.6 对离散颜色使用显式映射4.1.7 具有缺失值的矩形数据
四、实例
旭

			
		

	





	

		

			

				
					
vue.d3.sunburst-基于D3.js的React性旭日形组件-Vue.js开发

				
			

			

				

					05-27
				

			

		

		

			
				
Vue.D3.Sunburst Live示例：https://david-desmaisons.github.io/Vue.D3.sunburst/关于Vue.D3.Sunburst提供了可重复使用的vue sunburst图表组件Vue.D3.Sunburst Live示例：...Sunburst提供了依赖D3.js的可重用的vue ...

			
		

	





	

		

			

				
					
ECharts 旭日图

				
			

			

				

					01-21
				

			

		

		

			
				
旭日图（Sunburst）由多层的环形图组成，在数据结构上，内圈是外圈的父节点。因此，它既能像饼图一样表现局部和整体的占比，又能像矩形树图一样表现层级关系。 ECharts 创建旭日图很简单，只需要在 series 配置项中...

			
		

	





	

		

			

				
					
js旭日图表统计代码

				
			

			

				

					06-11
				

			

		

		

			
				
- `series`：定义图表系列，对于旭日图，需要设置`type`为`sunburst`。 - `data`：包含各个分类的数据，一般是一个嵌套数组，表示层级关系。 - `levels`：定义不同层级的样式，包括颜色、字体大小等。  **实例解析**...

			
		

	





	

		

			

				
					
Sunburst:Sunburst 数据可视化

				
			

			

				

					07-13
				

			

		

		

			
				
D3.js（Data-Driven Documents）是目前最流行的数据可视化库之一，它提供了强大的数据绑定和DOM操作功能，可以创建各种复杂的可视化效果，包括Sunburst图。在D3.js中，开发者可以通过SVG（Scalable Vector Graphics...

			
		

	





	

		

			

				
					
sunburstR：用于交互式旭日形图的R htmlwidget

				
			

			

				

					02-05
				

			

		

		

			
				
朝阳在此，以Kerry Rodden，可以轻松地在R制作这些交互式d3.js序列朝阳图。 有关更多详细信息，请参见此帖子 来自BuildingWidgets博客的 。例子请参阅。改善/迭代这些还远未完成功能。 我很乐意您的输入，反馈和意见...

			
		

	





	

		

			

				
					
可视化之sunburst

				
			

			

				

					思过留痕
				

				

					04-21
					
					3610
					
				

			

		

		

			
				
图表简介

旭日图（Sunburst Chart）是一种现代饼图，它超越传统的饼图和环图，能表达清晰的层级和归属关系，以父子层次结构来显示数据构成情况。旭日图中，离远点越近表示级别越高，相邻两层中，是内层包含外层的关系。



图表用法

旭日图可以更细分溯源分析数据，真正了解数据的具体构成。



可视化



devtools::install_github("timelyportfolio/...

			
		

	





	

		

			

				
					
旭日图（sunburst chart）绘制：R语言 & excel

				
			

			

				

					weixin_30553777的博客
				

				

					05-03
					
					3368
					
				

			

		

		

			
				
旭日图（sunburst chart）也叫太阳图，一种圆环镶接图，每一个圆环就代表了同一级别的比例数据，离原点越近的圆环级别越高，最内层的圆表示层次结构的顶级。除了圆环外，旭日图还有若干从原点放射出去的‘射线’，这些‘射线’展示出了不同级别数据间的脉络关系。旭日图从圆心出发，层层向外推进，可以清晰的反应事件的路径走向，多用于路径分析。
R语言中sunburstR包可以实现旭日图的绘制，insta...

			
		

	





	

		

			

				
					
ECharts-旭日图（Sunburst）带时间轴

				
			

			

				

					占星安啦的博客
				

				

					07-07
					
					7741
					
				

			

		

		

			
				
常见结构



var dom = document.getElementById("container");
//定义echarts对象
var myChart = echarts.init(dom);
//构建图表的参数
 var option = {
    //定义标题
    title: {
        text: '揽件汇总',
        textStyle: {
    ...

			
		

	





	

		

			

				
					
【PyEcharts】旭日图统计数据集实例：grid组合图表、JS函数渲染

				
			

			

				

					qq_40265247的博客
				

				

					01-21
					
					1302
					
				

			

		

		

			
				
前言
图就是门面，一张好图很涨脸！
当然这张图有点花了，广告倒是可以，科研就算了

感觉用PyEcharts的好处在于，可以展开与收起
实现
官方地址：https://pyecharts.org/#/zh-cn/
代码我就不细说了，讲下值得注意的地方
1.将RGB三数值转成16进制，用rgb函数没整明白（找不到），就自个转了下
def RGB_to_Hex(tmp):
    rgb = tmp#将RGB格式划分开来
    strs = '#'
    for i in rgb:
        num 

			
		

	





	

		

			

				
					
vue实现 【echarts中 “1种” Sunburst旭日图图例】的组件封装及调用

				
			

			

				

					weixin_50450473的博客
				

				

					02-16
					
					1998
					
				

			

		

		

			
				
图例一：





一、安装echarts


npm install echarts --save

二、在需要的页面引入


import * as echarts from "echarts"

三、创建组件

1、图例一：SunburstChart.vue


<template>
    <div>
        <div class="bars_w" :id="id"></div>
    </div>
</template..

			
		

	





	

		

			

				
					
Dataset的使用

				
			

			

				

					qq_42202395的博客
				

				

					06-17
					
					6229
					
				

			

		

		

			
				
1. PyTorch加载数据：Dataset和Dataloader
dataset：取数据以及其对应的label，并未其添加索引
提供一种方式去获取数据及其label
实现：
（1）如何获取每一个数据及其label
（2）告诉我们总共有多少的数据
dataloader：为后面的网络提供不同的数据形式
2. 数据的组织形式：
（1）把图片放在以label命名的文件夹
（2）图片与label分开两个文件夹，label存储在txt文件，包含坐标以及坐标信息，是一个ocr的数据集
（3）以label命名的图片放在文

			
		

	





	

		

			

				
					
用旭日图展示数据的三种方法

					
热门推荐

				
			

			

				

					sinat_35256924的博客
				

				

					03-28
					
					1万+
					
				

			

		

		

			
				
本文介绍了用旭日图展示数据的三种方法，供大家学习了解。

			
		

	





	

		

			

				
					
pyecharts 旭日图（Sunburst）

					
最新发布

				
			

			

				

					07-28
				

			

		

		

			
				
回答: 旭日图（Sunburst）是pyecharts中的一种数据可视化图表类型，它可以用来展示层级结构数据的分布情况。旭日图通过圆环的方式展示数据，每个圆环代表一个层级，内部的扇区表示该层级下的子类别。扇区的大小表示该子类别的数值大小，颜色可以用来表示不同的类别。通过旭日图，我们可以直观地看到数据的层级结构和各个子类别的占比情况。在pyecharts中，可以使用Sunburst类来创建旭日图，并通过add方法添加数据。可以设置不同的参数来调整旭日图的样式和布局。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
月满闲庭

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值