【桑基图】绘制桑基图

绘制桑基图

  • 一、绘制桑基图
    • (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)根据自己的选择修改图片
在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

ROS-ROS通信机制-参数服务器

文章目录 一、基础理论知识二、C实现三、Python实现 一、基础理论知识 参数服务器在ROS中主要用于实现不同节点之间的数据共享。参数服务器相当于是独立于所有节点的一个公共容器&#xff0c;可以将数据存储在该容器中&#xff0c;被不同的节点调用&#xff0c;当然不同的节点…

【LeetCode刷题】-- 79.单词搜索

79.单词搜索 方法&#xff1a;使用回溯 使用dfs函数表示判断以网格的(i.j)位置出发&#xff0c;能否搜索到word(k)&#xff0c;其中word(k)表示字符串word从第k个字符开始的后缀子串&#xff0c;如果能搜索到&#xff0c;返回true,反之返回false 如果board[i][j]≠word[k]&am…

李宏毅gpt个人记录

参考&#xff1a; 李宏毅机器学习--self-supervised&#xff1a;BERT、GPT、Auto-encoder-CSDN博客 用无标注资料的任务训练完模型以后&#xff0c;它本身没有什么用&#xff0c;GPT 1只能够把一句话补完&#xff0c;可以把 Self-Supervised Learning 的 Model做微微的调整&am…

分享一个Python网络爬虫数据采集利器

前言 你是否曾为获取重要数据而感到困扰&#xff1f;是否因为数据封锁而无法获取所需信息&#xff1f;是否因为数据格式混乱而头疼&#xff1f;现在&#xff0c;所有这些问题都可以迎刃而解。让我为大家介绍一款强大的数据收集平台——亮数据Bright Data。 作为世界领先的数据…

【Qt】QLineEdit显示输入十六进制,位数不足时按照规则填充显示及每两个字符以空格填充

问题 在实际开发中&#xff0c;有时候需要对输入进行限制&#xff0c;一是更加合理&#xff0c;二是防止出现误操作。 比如&#xff1a; 使用Qt进行应用程序开发时&#xff0c;对单行编辑框QLineEdit控件&#xff0c;设置只可输入十六进制。 限制输入的方式常用且经典的是使用…

限流算法,基于go的gRPC 实现的

目录 一、单机限流 1、令牌桶算法 3、固定窗口限流算法 4、滑动窗口 二、集群限流 1、分布式固定窗口 &#xff08;基于redis&#xff09; 2、分布式滑动窗口 一、单机限流 1、令牌桶算法 令牌桶算法是当流量进入系统前需要获取令牌&#xff0c;没有令牌那么就要进行限…

Docker+jenkins+gitlab实现持续集成

1.安装环境 服务器ip虚拟机版本192.168.5.132centos7.6192.168.5.152centos7.6 2. 安装docker 安装必要的一些系统工具 yum install -y yum-utils device-mapper-persistent-data lvm2添加软件源信息&#xff0c;要确保centos7能上外网 yum-config-manager --add-repo http:…

什么是数据清洗、特征工程、数据可视化、数据挖掘与建模?

1.1什么是数据清洗、特征工程、数据可视化、数据挖掘与建模&#xff1f; 视频为《Python数据科学应用从入门到精通》张甜 杨维忠 清华大学出版社一书的随书赠送视频讲解1.1节内容。本书已正式出版上市&#xff0c;当当、京东、淘宝等平台热销中&#xff0c;搜索书名即可。内容涵…

智篆商业的电商运营课程:超越传统,引领未来

智篆商业一直以来都是电商运营课程领域的领军者&#xff0c;其成功之处在于超越传统&#xff0c;不断引领未来。探究智篆商业的成功之道&#xff0c;我们将发现其可信度和培训专业性是学员信赖的根本原因。 首先&#xff0c;智篆商业注重构建强大的导师团队。导师们不仅拥有丰富…

持续集成交付CICD:Jenkins使用GitLab共享库实现自动更新前后端项目质量配置

目录 一、实验 1.Jenkins使用GitLab共享库实现自动更新后端项目质量配置 2.Jenkins使用GitLab共享库实现自动更新前端项目质量配置 二、问题 1.Sonarqube如何添加自定义质量阈 一、实验 1.Jenkins使用GitLab共享库实现自动更新后端项目质量配置 (1)修改GitLab的Sonar.gr…

HBase-架构与设计

HBase架构与设计 一、背景二、HBase概述1.设计特点2.适用场景2.1 海量数据2.2 稀疏数据2.3 多版本数据2.4 半结构或者非结构化数据 三、数据模型1.RowKey2.Column Family3.TimeStamp 四、HBase架构图1.Client2.Zookeeper3.HMaster4.HRegionServer5.HRegion6.Store7.StoreFile8.…

flink使用事件时间时警惕kafka不同分区的事件时间倾斜问题

背景 flink和kafka的消息组合消费模式几乎是实时流处理的标配&#xff0c;然后当在flink中使用事件时间处理时&#xff0c;需要注意kafka不同分区元素之间时间相差太大的问题&#xff0c;这样有可能会导致严重的数据堆积问题 kafka不同分区元素事件时间差异较大导致的问题 总…

分布式光伏电站监控运维系统的简单介绍-安科瑞黄安南

摘要&#xff1a;设计了一套更高性价比&#xff0c;且容易操作的电站监控系统。该系统融合了互联网和物联网&#xff0c;并为光伏电数据的传输构建了相应的通道&#xff0c;可支持云存储等功能&#xff0c;同时也为用户提供了多元化的查询功能。 关键词&#xff1a;分布式太阳能…

gitLab 和Idea分支合并

以下二选1即可完成分支合并建议第一种简单有效 Idea合并方式 切换到被合并的分支&#xff0c;如我想把0701的内容合并到dev&#xff0c;切换到dev分支&#xff0c;然后再点击merge然后选择要合并的分支&#xff0c;即可,此时git上的代码没有更新只是把代码合到本地需要pull才…

ELK的日志解决方案

ELK的日志解决方案 一、ELK 介绍 ELK是一个流行的日志解决方案&#xff0c;它由三个开源工具组成&#xff1a;Elasticsearch、Logstash和Kibana。下面是这些工具的简单介绍以及它们在日志解决方案中的作用&#xff1a; Elasticsearch&#xff1a;Elasticsearch是一个分布式的搜…

设置webstorm和idea符合Alibaba规范

只格式化自己更改的代码 ctrlShiftAltL 插件建议 Alibaba Java Coding Guidelines&#xff08;新版本的idea不支持&#xff0c;有其他同名的非官方版可代替&#xff09;&#xff0c;使用方法在此不赘述 1、设置webstorm 包含 设置两个空格缩进&#xff0c;去掉行尾分号&#…

IDEA加载阿里Java规范插件

IDEA加载阿里巴巴Java开发手册插件&#xff0c;在写代码的时候会自动扫描代码规范。 1、打开Settings 2、打开Plugins 3、搜索Alibaba Java Code Guidelines&#xff08;XenoAmess TPM&#xff09;插件&#xff0c;点击Install进行安装&#xff0c;然后重启IDE生效。 4、鼠标右…

基于OpenCV+CNN+IOT+微信小程序智能果实采摘指导系统——深度学习算法应用(含pytho、JS工程源码)+数据集+模型(二)

目录 前言总体设计系统整体结构图系统流程图 运行环境Python环境TensorFlow 环境Jupyter Notebook环境Pycharm 环境微信开发者工具OneNET云平台 相关其它博客工程源代码下载其它资料下载 前言 本项目基于Keras框架&#xff0c;引入CNN进行模型训练&#xff0c;采用Dropout梯度…

uniapp 打包H5页面时候清除手机缓存问题

最近遇到一个情况&#xff1a; uniapp 写了一个H5 页面&#xff0c;挂在一个小程序上面&#xff0c;但是每次更新代码&#xff0c;新增新功能&#xff0c;总是有的用户看到的还是上一个版本的样式&#xff0c;前端打包的时候&#xff0c;已经在Uniapp项目的根目录下面新建了一个…

Hive数据库系列--Hive数据类型/Hive字段类型/Hive类型转换

文章目录 一、Hive数据类型1.1、数值类型1.2、字符类型1.3、日期时间类型1.4、其他类型1.5、集合数据类型1.5.1、Struct举例1.5.2、Array举例1.5.3、Map举例 二、数据类型转换2.1、隐式转换2.2、显示转换 本章主要讲解hive的数据类、字段类型。官网文档地址见https://cwiki.apa…