当前位置： 首页 > news >正文

【桑基图】绘制桑基图

news 2026/5/17 7:17:37

绘制桑基图

  • 一、绘制桑基图
    • （1）方法一：去在线网站直接绘制
    • （2）方法二：写html之后在vscode上运行
  • 二、遇到的问题
    • （1）当导入一些excel的时候，无法绘制出桑基图

一、绘制桑基图

（1）方法一：去在线网站直接绘制

https://www.lddgo.net/chart/sankey-chart

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

我绘制的桑基图如下：
在这里插入图片描述

（2）方法二：写html之后在vscode上运行

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>组织节点</title><script src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script>
</head><body><div id="chart" style="width: 100%; height: 600px;"></div><script type="text/javascript">var myChart = echarts.init(document.getElementById('chart'));var option = {title: {text: '组织节点',subtext: 'CSDN：温欣2030',left: 'center',top: 'top'},tooltip: {trigger: 'item',triggerOn: 'mousemove'},animation: false,series: [{type: 'sankey',emphasis: {focus: 'adjacency'},nodeAlign: 'justify',orient: 'horizontal',data: [{name: '台风'},{name: '停运停航'},{name: '暴雨'},{name: '停工停产'},{name: '停课'},{name: '农作物受损'},{name: '房屋损毁'},{name: '城市内涝'},{name: '应急管理厅'},{name: '气象局'},{name: '海洋与渔业局'},{name: '交通受阻'},{name: '公安厅'},{name: '洪涝灾害'},{name: '水利厅'},],links: [{source: '台风',target: '停运停航',value: 1},{source: '台风',target: '暴雨',value: 7},{source: '暴雨',target: '停运停航',value: 1},{source: '台风',target: '停工停产',value: 1},{source: '台风',target: '停课',value: 1},{source: '台风',target: '农作物受损',value: 2},{source: '台风',target: '房屋损毁',value: 3},{source: '暴雨',target: '城市内涝',value: 1},{source: '暴雨',target: '农作物受损',value: 1},{source: '台风',target: '应急管理厅',value: 1},{source: '台风',target: '气象局',value: 1},{source: '气象局',target: '海洋与渔业局',value: 1},{source: '海洋与渔业局',target: '应急管理厅',value: 1},{source: '交通受阻',target: '公安厅',value: 1},{source: '公安厅',target: '气象局',value: 1},{source: '洪涝灾害',target: '水利厅',value: 1},{source: '农作物受损',target: '应急管理厅',value: 1},],lineStyle: {color: 'source',curveness: 0.5}}]};myChart.setOption(option);</script>
</body></html>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、遇到的问题

（1）当导入一些excel的时候，无法绘制出桑基图

由于这个原因，后来我又尝试了其他的网站，找到了原因，原来是我的数据有问题：

在这里插入图片描述
而上面这个软件我使用的是：https://app.rawgraphs.io/

只需要三步骤即可绘制桑基图：

（1）导入数据

在这里插入图片描述

（2）选择桑基图

在这里插入图片描述

（3）拖拽数据
在这里插入图片描述

（4）根据自己的选择修改图片
在这里插入图片描述

相关文章：

【桑基图】绘制桑基图

绘制桑基图 一、绘制桑基图&#xff08;1&#xff09;方法一&#xff1a;去在线网站直接绘制&#xff08;2&#xff09;方法二&#xff1a;写html之后在vscode上运行 二、遇到的问题&#xff08;1&#xff09;当导入一些excel的时候&#xff0c;无法绘制出桑基图 一、绘制桑基图…...

编程日记 2023/12/7 6:04:42

ACM32F403/F433 12 位多通道，支持 MPU 存储保护功能，应用于工业控制，智能家居等产品中

ACM32F403/F433 芯片的内核基于 ARMv8-M 架构&#xff0c;支持 Cortex-M33 和 Cortex-M4F 指令集。芯片内核 支持一整套DSP指令用于数字信号处理&#xff0c;支持单精度FPU处理浮点数据&#xff0c;同时还支持Memory Protection Unit &#xff08;MPU&#xff09;用于提升应用的…...

编程日记 2023/12/7 6:03:41

7. 从零用Rust编写正反向代理, HTTP及TCP内网穿透原理及运行篇

wmproxy wmproxy是由Rust编写&#xff0c;已实现http/https代理&#xff0c;socks5代理&#xff0c; 反向代理&#xff0c;静态文件服务器&#xff0c;内网穿透&#xff0c;配置热更新等&#xff0c; 后续将实现websocket代理等&#xff0c;同时会将实现过程分享出来&#xff…...

编程日记 2023/12/7 6:02:40

UE4.27-UE5.1设置打包Android环境

打包Android配置文件 1. 配置打包Android的SDK需求文件位于下面文件中&#xff1a; 2. 指定了对应的SDK环境变量名字以及NDK需求等&#xff1a; UE4.27-UE5.1--脚本自动配置 安装前提 1. 务必关闭虚幻编辑器和Epic Games Launcher&#xff0c;以确保NDK组件的安装或引擎环境…...

编程日记 2023/12/7 6:01:40

MySQL授权密码

mysql> crate databases school charcter set utf8; Query OK, 1 row affected, 1 warning (0.00 sec) 2.在school数据库中创建Student和Score表 mysql> use school Database changed mysql> create table student-> -> (id int(10) primary key auto_incremen…...

编程日记 2023/12/7 6:00:38

0X05

打开题目 点击完登录和注册都没有什么反应&#xff0c;所以先扫一下看看 在出现admin.php后就截止了&#xff0c;访问看看,进入后台。。 尝试一下弱口令 admin/12345 或者是demo/demo 设计中-自定义->右上角导出主题 找到一个导出的点&#xff0c;下载了一个1.zip压缩包…...

编程日记 2023/12/7 5:59:38

Doris优化总结

1 查看QueryProfile 利用查询执行的统计结果，可以更好的帮助我们了解Doris的执行情况，并有针对性的进行相应Debug与调优工作。 FE将查询计划拆分成为Fragment下发到BE进行任务执行。BE在执行Fragment时记录了运行状态时的统计值，并将Fragment执行的统计信息输出到日志之中。…...

编程日记 2023/12/7 5:58:35

案例059:基于微信小程序的在线投稿系统

文末获取源码 开发语言&#xff1a;Java 框架&#xff1a;SSM JDK版本&#xff1a;JDK1.8 数据库&#xff1a;mysql 5.7 开发软件&#xff1a;eclipse/myeclipse/idea Maven包&#xff1a;Maven3.5.4 小程序框架&#xff1a;uniapp 小程序开发软件&#xff1a;HBuilder X 小程序…...

编程日记 2023/12/7 5:55:32

利用STM32内置Bootloader实现USB DFU固件升级

本文将介绍如何利用STM32内置的Bootloader来实现USB DFU&#xff08;Device Firmware Upgrade&#xff09;固件升级功能。首先&#xff0c;我们会介绍USB DFU的原理和工作流程。然后&#xff0c;我们将详细讲解如何配置STM32芯片以支持USB DFU&#xff0c;并提供相应的代码示例…...

编程日记 2023/12/7 5:54:32

Centos7如何安装MySQL

目录 一、卸载mysql 二、安装mysql 注&#xff1a;本文主要是看了这位大佬安装MySQL&#xff0c;才想着写一篇记录一下。 一、卸载mysql 安装mysql之前一定要将之前安装的mysql相关文件删除干净&#xff0c;防止出现错误。 &#xff08;1&#xff09;关闭mysql 开启了mysql就…...

编程日记 2023/12/7 5:53:30

VR远程带看，助力线下门店线上化转型“自救”

VR远程带看&#xff0c;因自身高效的沉浸式在线沟通功能&#xff0c;逐渐走进了大众的视野。身临其境的线上漫游体验以及实时同屏互联的新型交互模式&#xff0c;提升了商家同用户之间的沟通效率&#xff0c;进一步实现了远程线上一对一、一对多的同屏带看&#xff0c;用户足不…...

编程日记 2023/12/7 5:51:27

算法通关村第十七关-白银挑战贪心算法高频题目

大家好我是苏麟 , 今天说说贪心算法的高频题目 . 大纲 区间问题判断区间是否重叠合并区间插入区间 区间问题 判断区间是否重叠 描述 : 给定一个会议时间安排的数组 intervals &#xff0c;每个会议时间都会包括开始和结束的时间intervalsl[i] [start, end] &#xff0c;请你…...

编程日记 2023/12/7 5:50:27

【数据结构】动态规划（Dynamic Programming）

一.动态规划&#xff08;DP&#xff09;的定义&#xff1a; 求解决策过程&#xff08;decision process&#xff09;最优化的数学方法。 将多阶段决策过程转化为一系列单阶段问题&#xff0c;利用各阶段之间的关系&#xff0c;逐个求解。 二.动态规划的基本思想&#xff1a; …...

编程日记 2023/12/7 5:49:26

Redis key过期删除机制实现分析

文章目录 前言Redis key过期淘汰机制惰性删除机制定时扫描删除机制 前言 当我们创建Redis key时&#xff0c;可以通过expire命令指定key的过期时间(TTL)&#xff0c;当超过指定的TTL时间后&#xff0c;key将会失效。 那么当key失效后&#xff0c;Redis会立刻将其删除么&#…...

编程日记 2023/12/7 5:48:24

ElasticSearch 谈谈分词与倒排索引的原理

ElasticSearch是一个基于Lucene的搜索服务器。Lucene是Java的一个全文检索工具包&#xff0c;而ElasticSearch则是一个分布式搜索和分析引擎。下面&#xff0c;我们将详细讨论ElasticSearch中的分词和倒排索引的原理。 分词&#xff1a; 在ElasticSearch中&#xff0c;分词是…...

编程日记 2023/12/7 5:47:23

【Java】Java8重要特性——Lambda函数式编程以及Stream流对集合数据的操作

【Java】Java8重要特性——Lambda函数式编程以及Stream流对集合数据的操作 前言Lambda函数式编程Stream流对集合数据操作&#xff08;一&#xff09;创建Stream流&#xff08;二&#xff09;中间操作之filter&#xff08;三&#xff09;中间操作之map&#xff08;四&#xff09…...

编程日记 2023/12/7 5:46:23

大话数据结构-查找-散列表查找（哈希表）

注&#xff1a;本文同步发布于稀土掘金。 8 散列表查找&#xff08;哈希表&#xff09; 8.1 定义 散列技术是在记录的存储位置和它的关键字之间建立一个确定的对应关系f&#xff0c;使得每个关键字key对应一个存储位置f(key)。查找时&#xff0c;根据这个确定的对应关系找到给…...

编程日记 2023/12/7 5:45:22

持续集成交付CICD：Sonarqube自动更新项目质量配置

目录 一、实验 1.Sonarqube手动自定义质量规则并指定项目 2.Sonarqube自动更新项目质量配置 一、实验 1.Sonarqube手动自定义质量规则并指定项目 &#xff08;1&#xff09;自定义质量规则 ①新配置 ②更多激活规则③根据需求激活相应规则④已新增配置 ⑤ 查看 &#x…...

编程日记 2023/12/7 5:44:21

Linux设置Docker自动创建Nginx容器脚本

文章目录 前言一、本地新建脚本二、复制本地脚本到服务器三、执行服务器脚本总结如有启发&#xff0c;可点赞收藏哟~ 前言 一、本地新建脚本 在本地新建nginx-generator.sh脚本文件&#xff0c;并保存以下内容 主要动态定义两个变量&#xff08;容器名称/服务器本地文件名、端…...

编程日记 2023/12/7 5:43:20

技术博客：Vue中各种混淆用法汇总

技术博客&#xff1a;Vue中各种混淆用法汇总 摘要 本文主要介绍了在Vue中使用的一些常见混淆用法&#xff0c;包括new Vue()、export default {}、createApp()、Vue.component、Vue3注册全局组件、Vue.use()等&#xff0c;以及如何使用混淆器对代码进行加固&#xff0c;保护应…...

编程日记 2023/12/7 5:42:20

轻量级配置管理框架zcf：多环境配置、敏感信息加密与云原生集成实践

1. 项目概述&#xff1a;一个面向开发者的轻量级配置管理框架最近在梳理团队内部工具链时&#xff0c;发现一个挺普遍的问题&#xff1a;不同项目、不同环境&#xff08;开发、测试、生产&#xff09;的配置管理总是乱糟糟的。.env文件满天飞&#xff0c;敏感信息一不小心就提交…...

编程新知 2026/5/17 6:08:25

基于BLE HID与旋转编码器打造双模式无线遥控器

1. 项目概述你有没有过这样的时刻&#xff1a;窝在沙发里看剧&#xff0c;想调个音量或者暂停一下&#xff0c;却不得不伸手去够茶几上的键盘或鼠标&#xff0c;打断那份沉浸的惬意&#xff1f;或者&#xff0c;在电脑上回味一些经典老游戏时&#xff0c;觉得用键盘移动、鼠标射…...

编程新知 2026/5/17 5:37:42

用C++和RealSense D435i搞个3D手势识别？从像素坐标到相机坐标的保姆级避坑指南

3D手势识别实战&#xff1a;用RealSense D435i实现像素到相机坐标的高精度转换 当你的手指在空气中划出一道弧线&#xff0c;计算机能否精准捕捉这个三维动作&#xff1f;这正是3D手势识别技术试图解决的问题。作为人机交互领域的前沿方向&#xff0c;3D手势识别正在VR游戏、医…...

编程新知 2026/5/17 5:21:25

基于RP2040的客制化宏键盘：从硬件设计到KMK固件开发全攻略

1. 项目概述与核心价值最近在折腾一个挺有意思的开源项目&#xff0c;叫clawdpad&#xff0c;作者是kudretyilmazz。乍一看这个名字&#xff0c;可能有点摸不着头脑&#xff0c;但如果你对机械键盘、客制化输入设备或者桌面自动化感兴趣&#xff0c;那这个项目绝对值得你花时间…...

编程新知 2026/5/17 4:46:55

Claude模型思维链评估框架claweval：原理、实战与高级定制指南

1. 项目概述&#xff1a;一个专为Claude模型设计的“思维链”评估框架最近在AI应用开发圈里&#xff0c;一个名为claweval的项目开始被频繁提及。如果你正在使用Anthropic的Claude系列模型&#xff08;无论是Claude 3 Opus、Sonnet还是Haiku&#xff09;来构建需要复杂推理能力…...

编程新知 2026/5/17 4:40:31

模拟WiFi反向散射技术：无电池物联网通信新突破

1. 项目概述&#xff1a;模拟WiFi反向散射技术的革新突破在物联网设备爆炸式增长的今天&#xff0c;电池续航已成为制约大规模部署的关键瓶颈。传统传感器节点即使采用低功耗设计&#xff0c;其电池寿命也鲜有超过3-5年。而Leggiero提出的模拟WiFi反向散射技术&#xff0c;则开…...

编程新知 2026/5/17 4:40:31

ARM处理器仿真技术：Cortex-R52与Neoverse实战解析

1. ARM处理器仿真技术概述在现代芯片设计和软件开发流程中&#xff0c;处理器仿真模型已成为不可或缺的关键工具。作为Arm生态系统的重要组成部分&#xff0c;Iris仿真组件提供了对Cortex-R52和Neoverse系列处理器的精确模拟能力。这些模型不仅能够模拟指令执行流程&#xff0c…...

编程新知 2026/5/17 4:24:38

手把手教你用SystemVerilog Interface搭建一个可复用的DMA寄存器验证环境

基于SystemVerilog Interface构建模块化DMA验证环境的工程实践 在数字IC验证领域&#xff0c;DMA&#xff08;直接内存访问&#xff09;控制器作为关键IP核&#xff0c;其寄存器验证环境的搭建效率直接影响项目进度。传统验证方法中信号连接冗长、时序控制分散的问题&#xff…...

编程新知 2026/5/17 4:20:16

Akebi-GC游戏辅助工具：免费开源的游戏体验增强终极指南

Akebi-GC游戏辅助工具&#xff1a;免费开源的游戏体验增强终极指南 【免费下载链接】Akebi-GC (Fork) The great software for some game that exploiting anime girls (and boys). 项目地址: https://gitcode.com/gh_mirrors/ak/Akebi-GC Akebi-GC是一款开源免费的游戏…...

编程新知 2026/5/17 4:13:49

从零构建Next.js全栈应用：实战解析服务端渲染与API路由

1. 项目概述与核心价值最近在社区里看到不少朋友在讨论一个叫“panaverse/learn-nextjs”的项目&#xff0c;作为一个在Web开发领域摸爬滚打了十多年的老码农&#xff0c;我立刻来了兴趣。这个项目名直译过来就是“Panaverse的Next.js学习项目”&#xff0c;听起来像是一个学习…...

编程新知 2026/5/17 4:05:06