ECharts 桑吉图（比亚迪）

已于 2023-04-07 10:59:29 修改
阅读量99 收藏
点赞数
分类专栏： 课堂笔记-Echarts 文章标签： echarts javascript ecmascript
于 2023-04-07 10:59:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_61324603/article/details/130007325
版权

全部代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="http://cdn.bootcss.com/echarts/4.8.0/echarts.js"></script>
<div id="main" style="width: 1000px;height:650px;"></div>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
        series:
            [
                {
                    type:'sankey',//类型
                    nodeAign:'right',//
                    data:[
                        {name: '纯电车型'},
                        {name: '混插车型'},
                        {name: '比亚迪汉'},
                        {name: '比亚迪秦'},
                        {name: '比亚迪元'},
                        {name: '比亚迪海豚'},
                        {name: '比亚迪宋'},
                        {name: '比亚迪唐'},
                        {name: '比亚迪海豹'},
                        {name: '宋MAX'},
                        {name: '驱逐舰05'},
                        {name: '腾势D9'},
                        {name: '202201'},
                        {name: '202202'},
                        {name: '202203'},
                        {name: '202204'},
                        {name: '202205'},
                        {name: '202206'},
                        {name: '202207'},
                        {name: '202208'},
                        {name: '202209'},
                        {name: '202210'},
                        {name: '202211'},
                        {name: '202212'},
                        {name: '202301'},

                    ],
                    links : [
                        {source: '纯电车型',target: '比亚迪汉',value:5576},
                        {source: '纯电车型',target: '比亚迪琴',value:9098},
                        {source: '纯电车型',target: '比亚迪元',value:23231},
                        {source: '纯电车型',target: '比亚迪海豚',value:17629},
                        {source: '纯电车型',target: '比亚迪宋',value:7181},
                        {source: '纯电车型',target: '比亚迪唐',value:1192},
                        {source: '纯电车型',target: '比亚迪海豹',value:6618},

                        {source: '混插车型',target: '比亚迪宋',value:42684},
                        {source: '混插车型',target: '比亚迪秦',value:5087},
                        {source: '混插车型',target: '比亚迪唐',value:7689},
                        {source: '混插车型',target: '比亚迪汉',value:6639},
                        {source: '混插车型',target: '宋MAX',value:493},
                        {source: '混插车型',target: '驱逐舰05',value:4966},
                        {source: '混插车型',target: '腾势D9',value:6216},


                        {source: '比亚迪汉',target: '202201',value:10051},
                        {source: '比亚迪汉',target: '202202',value:8941},
                        {source: '比亚迪汉',target: '202203',value:10178},
                        {source: '比亚迪汉',target: '202204',value:10225},
                        {source: '比亚迪汉',target: '202205',value:12684},
                        {source: '比亚迪汉',target: '202206',value:12945},
                        {source: '比亚迪汉',target: '202207',value:13106},
                        {source: '比亚迪汉',target: '202208',value:13191},
                        {source: '比亚迪汉',target: '202209',value:13230},
                        {source: '比亚迪汉',target: '202210',value:13293},
                        {source: '比亚迪汉',target: '202211',value:13383},
                        {source: '比亚迪汉',target: '202212',value:13438},
                        {source: '比亚迪汉',target: '202301',value:5576},

                        {source: '比亚迪秦',target: '202201',value:8092},
                        {source: '比亚迪秦',target: '202202',value:10259},
                        {source: '比亚迪秦',target: '202203',value:10537},
                        {source: '比亚迪秦',target: '202204',value:11055},
                        {source: '比亚迪秦',target: '202205',value:9658},
                        {source: '比亚迪秦',target: '202206',value:14512},
                        {source: '比亚迪秦',target: '202207',value:15297},
                        {source: '比亚迪秦',target: '202208',value:15270},
                        {source: '比亚迪秦',target: '202209',value:15063},
                        {source: '比亚迪秦',target: '202210',value:14664},
                        {source: '比亚迪秦',target: '202211',value:15692},
                        {source: '比亚迪秦',target: '202212',value:13626},
                        {source: '比亚迪秦',target: '202301',value:9098},


                        {source: '比亚迪元',target: '202201',value:8569},
                        {source: '比亚迪元',target: '202202',value:10051},
                        {source: '比亚迪元',target: '202203',value:10051},
                        {source: '比亚迪元',target: '202204',value:10051},
                        {source: '比亚迪元',target: '202205',value:10051},
                        {source: '比亚迪元',target: '202206',value:10051},
                        {source: '比亚迪元',target: '202207',value:10051},
                        {source: '比亚迪元',target: '202208',value:10051},
                        {source: '比亚迪元',target: '202209',value:10051},
                        {source: '比亚迪元',target: '202210',value:10051},
                        {source: '比亚迪元',target: '202211',value:10051},
                        {source: '比亚迪元',target: '202212',value:10051},
                        {source: '比亚迪元',target: '202301',value:9098},


                        {source: '比亚迪海豚',target: '202201',value:10051},
                        {source: '比亚迪海豚',target: '202202',value:10051},
                        {source: '比亚迪海豚',target: '202203',value:10051},
                        {source: '比亚迪海豚',target: '202204',value:10051},
                        {source: '比亚迪海豚',target: '202205',value:10051},
                        {source: '比亚迪海豚',target: '202206',value:10051},
                        {source: '比亚迪海豚',target: '202207',value:10051},
                        {source: '比亚迪海豚',target: '202208',value:10051},
                        {source: '比亚迪海豚',target: '202209',value:10051},
                        {source: '比亚迪海豚',target: '202210',value:10051},
                        {source: '比亚迪海豚',target: '202211',value:10051},
                        {source: '比亚迪海豚',target: '202212',value:10051},
                        {source: '比亚迪海豚',target: '202301',value:9098},


                        {source: '比亚迪宋',target: '202201',value:10051},
                        {source: '比亚迪宋',target: '202202',value:10051},
                        {source: '比亚迪宋',target: '202203',value:10051},
                        {source: '比亚迪宋',target: '202204',value:10051},
                        {source: '比亚迪宋',target: '202205',value:10051},
                        {source: '比亚迪宋',target: '202206',value:10051},
                        {source: '比亚迪宋',target: '202207',value:10051},
                        {source: '比亚迪宋',target: '202208',value:10051},
                        {source: '比亚迪宋',target: '202209',value:10051},
                        {source: '比亚迪宋',target: '202210',value:10051},
                        {source: '比亚迪宋',target: '202211',value:10051},
                        {source: '比亚迪宋',target: '202212',value:10051},
                        {source: '比亚迪宋',target: '202301',value:9098},


                        {source: '比亚迪唐',target: '202201',value:10051},
                        {source: '比亚迪唐',target: '202202',value:10051},
                        {source: '比亚迪唐',target: '202203',value:10051},
                        {source: '比亚迪唐',target: '202204',value:10051},
                        {source: '比亚迪唐',target: '202205',value:10051},
                        {source: '比亚迪唐',target: '202206',value:10051},
                        {source: '比亚迪唐',target: '202207',value:10051},
                        {source: '比亚迪唐',target: '202208',value:10051},
                        {source: '比亚迪唐',target: '202209',value:10051},
                        {source: '比亚迪唐',target: '202210',value:10051},
                        {source: '比亚迪唐',target: '202211',value:10051},
                        {source: '比亚迪唐',target: '202212',value:10051},
                        {source: '比亚迪唐',target: '202301',value:9098},


                        {source: '比亚迪海豹',target: '202201',value:0},
                        {source: '比亚迪海豹',target: '202202',value:0},
                        {source: '比亚迪海豹',target: '202203',value:0},
                        {source: '比亚迪海豹',target: '202204',value:0},
                        {source: '比亚迪海豹',target: '202205',value:0},
                        {source: '比亚迪海豹',target: '202206',value:0},
                        {source: '比亚迪海豹',target: '202207',value:0},
                        {source: '比亚迪海豹',target: '202208',value:10051},
                        {source: '比亚迪海豹',target: '202209',value:10051},
                        {source: '比亚迪海豹',target: '202210',value:10051},
                        {source: '比亚迪海豹',target: '202211',value:10051},
                        {source: '比亚迪海豹',target: '202212',value:10051},
                        {source: '比亚迪海豹',target: '202301',value:9098},


                        {source: '比亚迪宋',target: '202201',value:10051},
                        {source: '比亚迪宋',target: '202202',value:10051},
                        {source: '比亚迪宋',target: '202203',value:10051},
                        {source: '比亚迪宋',target: '202204',value:10051},
                        {source: '比亚迪宋',target: '202205',value:10051},
                        {source: '比亚迪宋',target: '202206',value:10051},
                        {source: '比亚迪宋',target: '202207',value:10051},
                        {source: '比亚迪宋',target: '202208',value:10051},
                        {source: '比亚迪宋',target: '202209',value:10051},
                        {source: '比亚迪宋',target: '202210',value:10051},
                        {source: '比亚迪宋',target: '202211',value:10051},
                        {source: '比亚迪宋',target: '202212',value:10051},
                        {source: '比亚迪宋',target: '202301',value:9098},


                        {source: '比亚迪秦',target: '202201',value:10051},
                        {source: '比亚迪秦',target: '202202',value:10051},
                        {source: '比亚迪秦',target: '202203',value:10051},
                        {source: '比亚迪秦',target: '202204',value:10051},
                        {source: '比亚迪秦',target: '202205',value:10051},
                        {source: '比亚迪秦',target: '202206',value:10051},
                        {source: '比亚迪秦',target: '202207',value:10051},
                        {source: '比亚迪秦',target: '202208',value:10051},
                        {source: '比亚迪秦',target: '202209',value:10051},
                        {source: '比亚迪秦',target: '202210',value:10051},
                        {source: '比亚迪秦',target: '202211',value:10051},
                        {source: '比亚迪秦',target: '202212',value:10051},
                        {source: '比亚迪秦',target: '202301',value:9098},


                        {source: '比亚迪唐',target: '202201',value:10051},
                        {source: '比亚迪唐',target: '202202',value:10051},
                        {source: '比亚迪唐',target: '202203',value:10051},
                        {source: '比亚迪唐',target: '202204',value:10051},
                        {source: '比亚迪唐',target: '202205',value:10051},
                        {source: '比亚迪唐',target: '202206',value:10051},
                        {source: '比亚迪唐',target: '202207',value:10051},
                        {source: '比亚迪唐',target: '202208',value:10051},
                        {source: '比亚迪唐',target: '202209',value:10051},
                        {source: '比亚迪唐',target: '202210',value:10051},
                        {source: '比亚迪唐',target: '202211',value:10051},
                        {source: '比亚迪唐',target: '202212',value:10051},
                        {source: '比亚迪唐',target: '202301',value:9098},



                        {source: '比亚迪汉',target: '202201',value:10051},
                        {source: '比亚迪汉',target: '202202',value:10051},
                        {source: '比亚迪汉',target: '202203',value:10051},
                        {source: '比亚迪汉',target: '202204',value:10051},
                        {source: '比亚迪汉',target: '202205',value:10051},
                        {source: '比亚迪汉',target: '202206',value:10051},
                        {source: '比亚迪汉',target: '202207',value:10051},
                        {source: '比亚迪汉',target: '202208',value:10051},
                        {source: '比亚迪汉',target: '202209',value:10051},
                        {source: '比亚迪汉',target: '202210',value:10051},
                        {source: '比亚迪汉',target: '202211',value:10051},
                        {source: '比亚迪汉',target: '202212',value:10051},
                        {source: '比亚迪汉',target: '202301',value:9098},



                        {source: '宋MAX',target: '202201',value:10051},
                        {source: '宋MAX',target: '202202',value:10051},
                        {source: '宋MAX',target: '202203',value:10051},
                        {source: '宋MAX',target: '202204',value:10051},
                        {source: '宋MAX',target: '202205',value:10051},
                        {source: '宋MAX',target: '202206',value:10051},
                        {source: '宋MAX',target: '202207',value:10051},
                        {source: '宋MAX',target: '202208',value:10051},
                        {source: '宋MAX',target: '202209',value:10051},
                        {source: '宋MAX',target: '202210',value:10051},
                        {source: '宋MAX',target: '202211',value:10051},
                        {source: '宋MAX',target: '202212',value:10051},
                        {source: '宋MAX',target: '202301',value:9098},


                        {source: '驱逐舰05',target: '202201',value:0},
                        {source: '驱逐舰05',target: '202202',value:0},
                        {source: '驱逐舰05',target: '202203',value:10051},
                        {source: '驱逐舰05',target: '202204',value:10051},
                        {source: '驱逐舰05',target: '202205',value:10051},
                        {source: '驱逐舰05',target: '202206',value:10051},
                        {source: '驱逐舰05',target: '202207',value:10051},
                        {source: '驱逐舰05',target: '202208',value:10051},
                        {source: '驱逐舰05',target: '202209',value:10051},
                        {source: '驱逐舰05',target: '202210',value:10051},
                        {source: '驱逐舰05',target: '202211',value:10051},
                        {source: '驱逐舰05',target: '202212',value:10051},
                        {source: '驱逐舰05',target: '202301',value:9098},



                        {source: '腾势D9',target: '202201',value:0},
                        {source: '腾势D9',target: '202202',value:0},
                        {source: '腾势D9',target: '202203',value:0},
                        {source: '腾势D9',target: '202204',value:0},
                        {source: '腾势D9',target: '202205',value:0},
                        {source: '腾势D9',target: '202206',value:0},
                        {source: '腾势D9',target: '202207',value:0},
                        {source: '腾势D9',target: '202208',value:0},
                        {source: '腾势D9',target: '202209',value:0},
                        {source: '腾势D9',target: '202210',value:10051},
                        {source: '腾势D9',target: '202211',value:10051},
                        {source: '腾势D9',target: '202212',value:10051},
                        {source: '腾势D9',target: '202301',value:9098},


                    ]
                }
            ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>
</html>

贫坤户～濰小城
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
pyecharts是基于Echart图表的一个类库，pyecharts主要基于web浏览器进行显示
11-25
pyecharts主要基于web浏览器进行显示，绘制的图形比较多，包括折线图、柱状图、饼图、漏斗图、地图、极坐标图等，代码量很少，而且很灵活，绘制出来的图形很美观。 使用pyecharts时，需要安装相应的库，安装命令为：pip install pyecharts pyecharts是基于Echart图表的一个类库，而Echart是百度开源的一个可视化JavaScript库。 此资源是对pyecharts的一些案例，还有桑吉图，折线图，以及中国地图，map库的一些简单实用，anacondaanaconda里面的jupyter notebook运行，内容使用的是python语言编程，的jupyter notebook运行，内容使用的是python语言编程，
PiroZangi:一款基于札幌Atsubetsu-ku卡拉OK Pilos的Zangi点击游戏的智能手机应用程序。
04-17
皮罗·桑吉（PiroZangi） 这是一款基于名为Karaoke Pilos的商店的Zangi轻敲游戏，该商店代表札幌Atsubetsu-ku的Shin-Sapporo区。 按下“开始”按钮后，只需点击Zangi。哦，小心，因为如果您撞到Zangi以外的其他人，您将被扣除。
OS-Simulator：使用JS，HTML和CSS构建的操作系统模拟器
02-04
操作系统模拟器 这是一个使用Vanilla JS，HTML和CSS构建的应用程序，可模拟操作系统概念。 运行步骤 1) Unzip the package 2) Open index.html using browser 屏幕截图 球队 Harshitha P（181CO121） Irfan Backer Iqbal Valappil（181CO122） 杰米什·哈蒂克（Jemesh Khatik）（181CO124） K Krishan Swaroop（181CO125） 凯萨娜·贾纳维（Kesana Jahnavi）（181CO127） 基兰·巴布·桑吉雷迪（Kiran Babu
Echarts学习5_Echart画桑基图
热门推荐
wang_zhenwei的博客
01-10 1万+
桑基图：能量平衡图，用来观察数据的流转情况。 echart画桑基图的流程： （1）引如echart脚本： 该脚本的下载地址：http://echarts.baidu.com/download.html下载"源代码"，该脚本有常见的警告和提示； （2）html为桑基图保留展示区域： （3）引数据： 数据包括节点和关联两部分 json数据如下：
echarts 桑基图sankey
weixin_43294560的博客
08-11 9742
是一种特殊的流图(可以看作是有向无环图)它主要用来表示原材料、能量等如何从最初形式经过中间过程的加工或转化达到最终状态 1、配置data data: [{ name: 'node1', value, 节点的值,可用来指定节点的纵向高度或横向的宽度。 depth: 0 节点所在的层,取值从0开始。 }, { name: 'node2', depth: 1 }] 2、配置series serises:[{ links: [{
循序渐进，学会用pyecharts绘制桑基图
weixin_43790276的博客
01-27 1819
Python可视化之桑基图。
echart sankey 桑吉图
ii窝窝头的博客
11-20 1303
var myChart = echarts.init(document.getElementById('drag')); myChart.setOption({ title: { text: 'Sankey Diagram' }, tooltip: { ...
Echarts绘制桑基图（零基础起步）
Wynne文越的专栏
02-11 3346
1、下载Echarts https://www.echartsjs.com/zh/download.html 比如选取4.6.0source下载到本地D盘 https://www.apache.org/dyn/closer.cgi/incubator/echarts/4.6.0/apache-echarts-4.6.0-incubating-src.zip 2、参考下面链接文档，构建 EC...
Echarts学习4_员工流向--桑基图（sankey diagram）
wang_zhenwei的博客
01-10 1万+
员工流向--桑基图（sankey diagram） 巩固一下echarts 制作一份员工流向图 原料，员工花名册、记事本、excel、浏览器 第一步：用员工花名册统计各部门人员数量， COUNTIF函数，应该没有什么难度吧 第二步：节点数据（nodes） 其实就是对应各部门的人数 第三步：连接（links） 各部门之间的隶属关系 第四步：生成“j
ExtJs +Echart 实现桑基图绘制
08-22
ExtJs +Echart 实现桑基图绘制，包括前端页面搭建，后端数据赋值，桑基图数据绑定，桑基图Json后台格式定义，Json格式转换到前台接收等，下载后如果右运行不了，请加群，备注ExtJs桑基图代码，如果好用，请给五分好评，谢谢大家支持
powerBI 插件.rar
06-10
PowerBI 图表控件 插件 2021最新最全 直接下载加载可用
Tableau三阶桑基图模板（附工作簿+课件+数据源）
09-21
桑基图又称桑基能量分流图，通常应用于能源、材料成分、金融等数据的可视化分析。资源内容包含桑基图制作的所有的数据以及完成的模板样式，解压缩打开即可使用！
如何利用pyecharts绘制酷炫的桑基图？
老马的程序人生
05-22 3050
什么是桑基图 桑基图（Sankey diagram），即桑基能量分流图，也叫桑基能量平衡图。它是一种特定类型的流程图，核心在于展示数据的流转，图中延伸的分支的宽度对应数据流量的大小，通常应用于能源、材料成分、金融等数据的可视化分析。因1898年Matthew Henry Phineas Riall Sankey绘制的"蒸汽机的能源效率图"而闻名，此后便以其名字命名为"桑基图"。（来源：百度） “桑基图”的数据特点是由源数据，目标数据，流量值三个量组成，源数据与目标数据之间是流量带，流量值越大流量带越宽。流量
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 229
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
【详细介绍WebKit的结构】
最新发布
cz88888888666的博客
05-23 379
WebKit是一个开源的浏览器引擎，主要用于渲染网页内容，它最初由苹果公司为其Safari浏览器开发，目前被多种浏览器和应用程序使用，包括所有基于iOS和macOS的浏览器，WebKit的设计目标是提供快速、精准且流畅的网页浏览体验。
深入解析：Element Plus 与 Vite、Nuxt、Laravel 的结合使用
一个普通人
05-23 603
Element Plus 作为一个强大的 Vue.js 组件库，可以与 Vite、Nuxt 和 Laravel 等不同的工具和框架结合使用，为开发者提供灵活、高效的开发体验。根据项目需求选择合适的工具和框架，可以极大地提升开发效率和应用性能
js知识点汇总之let const 和 var的区别
fyw1789的博客
05-23 1061
声明的变量会先在作用域中被创建出来，但因此时还未进行词法绑定，所以是不能被访问的，如果访问就会抛出错误。因此，在这运行流程进入作用域创建变量，到变量可以被访问之间的这一段时间，就称之为暂时死区。其实上面不存在变量提升的例子中，其实也是暂时性死区，因为它有暂时性死区的概念，所以它压根就不存在变量提升了。实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。中的作用域有：全局作用域、函数作用域，命令声明变量之前，该变量都是不可用的。，导致绑定这个块级作用域，
React函数式组件的父子方法互相调用，父组件调用子组件方法，子组件调用父组件方法
SongZhengxing_的博客
05-18 234
子组件需要使用 forwardRef 函数包裹，然后使用 useImperativeHandle 暴露属性和方法。编写子组件 Child。
echarts桑吉图层数设置
05-31
可以通过设置 series 中的 layers 属性来设置桑吉图的层数。例如，如果想要设置为两层，则可以在 series 中添加以下代码： ``` series: [ { type: 'sankey', layers: 2, // 其他配置项 } ] ``` 其中 layers ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贫坤户～濰小城

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

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

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

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值