option = {title: {text: ''},tooltip: {},animationDurationUpdate: 1500,animationEasingUpdate: 'quinticInOut',label: {normal: {show: true,textStyle: {fontSize: 12},}},legend: {x: "center",show: false,data: ["朋友", "战友", '亲戚']},series: [{type: 'graph',layout: 'force',symbolSize: 45,focusNodeAdjacency: true,roam: true,categories: [{name: '朋友',itemStyle: {normal: {color: "#009800",}}}, {name: '战友',itemStyle: {normal: {color: "#4592FF",}}}, {name: '亲戚',itemStyle: {normal: {color: "#3592F",}}}],label: {normal: {show: true,textStyle: {fontSize: 12},}},force: {repulsion: 1000},edgeSymbolSize: [4, 50],edgeLabel: {normal: {show: true,textStyle: {fontSize: 10},formatter: "{c}"}},data: [{name: '徐贱云',draggable: true,}, {name: '冯可梁',category: 1,draggable: true,}, {name: '邓志荣',category: 1,draggable: true,}, {name: '李荣庆',category: 1,draggable: true,}, {name: '郑志勇',category: 1,draggable: true,}, {name: '赵英杰',category: 1,draggable: true,}, {name: '王承军',category: 1,draggable: true,}, {name: '陈卫东',category: 1,draggable: true,}, {name: '邹劲松',category: 1,draggable: true,}, {name: '赵成',category: 1,draggable: true,}, {name: '陈现忠',category: 1,draggable: true,}, {name: '陶泳',category: 1,draggable: true,}, {name: '王德福',category: 1,draggable: true,}],links: [{source: 0,target: 1,category: 0,value: '朋友'}, {source: 0,target: 2,value: '战友'}, {source: 0,target: 3,value: '房东'}, {source: 0,target: 4,value: '朋友'}, {source: 1,target: 2,value: '表亲'}, {source: 0,target: 5,value: '朋友'}, {source: 4,target: 5,value: '姑姑'}, {source: 2,target: 8,value: '叔叔'}, {source: 0,target: 12,value: '朋友'}, {source: 6,target: 11,value: '爱人'}, {source: 6,target: 3,value: '朋友'}, {source: 7,target: 5,value: '朋友'}, {source: 9,target: 10,value: '朋友'}, {source: 3,target: 10,value: '朋友'}, {source: 2,target: 11,value: '同学'}],lineStyle: {normal: {opacity: 0.9,width: 1,curveness: 0}}}]
};

地址:http://gallery.echartsjs.com/editor.html?c=xH1Rkt3hkb

转载于:https://www.cnblogs.com/ringwang/p/9619472.html

echarts网络拓扑图相关推荐

  1. echarts网络拓扑图动态流程图

    networkMap V1.0 直接下载打包代码: https://download.csdn.net/download/qq_32442967/11258784 样式: 可直接粘贴下面代码,修改js ...

  2. ECharts+BaiduMap+HT for Web网络拓扑图应用

    前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用,后来在ECharts的Demo中看到了有关空气质量的相关报表应用,就想将百度地图.ECharts和HT for Web三者结合起来 ...

  3. HTML5 网络拓扑图整合 OpenLayers 实现 GIS 地图应用

    在前面<百度地图.ECharts整合HT for Web网络拓扑图应用>我们有介绍百度地图和 HT for Web 的整合,我们今天来谈谈 OpenLayers 和 HT for Web  ...

  4. 绘制网络拓扑图的素材

    看看这些对于内容对你绘制网络拓扑图有没有帮助. 转载于:https://blog.51cto.com/403654/84482

  5. DL之Keras:keras保存网络结构、网络拓扑图、网络模型(json、yaml、h5等)注意事项及代码实现

    DL之Keras:keras保存网络结构.网络拓扑图.网络模型(json.yaml.h5等)注意事项及代码实现 目录 keras保存网络结构.网络拓扑图.网络模型(json.yaml.h5等)注意事项 ...

  6. visio网络拓扑图_人船模型怎么画?分享高颜值模型图软件

    人船模型是指一个原本处于静态的系统,通过互相作用后,在一个方向上达到动量守恒. "人船模型"是由人和船两个物体构成的系统,一个人从船头走到船尾,船停在静止的水面上,设人的质量为m, ...

  7. visjs使用小记-1.创建一个简单的网络拓扑图

    1.插件官网:http://visjs.org/  2.创建一个简单的网络拓扑图 <!doctype html> <html> <head><title> ...

  8. api zabbix 拓扑图 获取_zabbix网络拓扑图配置-Maps(示例代码)

    zabbix network map"可以简单的理解为动态网络拓扑图,可以针对业务来配置zabbix map,通过map可以了解应用的整体状况:服务器是否异常.网络是否有故障.应用当前什么状 ...

  9. 基于 HTML5 Canvas 绘制的电信网络拓扑图

    电信网结构(telecommunication network structure)是指电信网各种网路单元按技术要求和经济原则进行组合配置的组合逻辑和配置形式.组合逻辑描述网路功能的体系结构,配置形式 ...

  10. 网络拓扑图画图工具_写了100多篇原创文章,我常用的在线工具网站推荐给大家!...

    不知不觉写博客已经一年多了,累计写了100多篇原创文章,今天给大家分享下我经常使用的在线工具网站,希望对大家有所帮助! Markdown Nice 支持自定义样式的在线Markdown编辑器,编辑完成 ...

最新文章

  1. 使GDAL库支持中文路径或中文文件名的处理方法
  2. paddleoc onnx转换推理
  3. oracle 考试技巧,从 TPCH 测试学习性能优化技巧之 Q14
  4. 160个Crackme036
  5. 一棵树,怎么就平衡了(图解AVL+实现)
  6. JVM_03 运行时数据区 [ 程序计数器+本地方法栈 ]
  7. 【linux】查看字体
  8. 矩阵拼接_TEC无缝拼接矩阵切换器(处理器)的技术
  9. SQL的数据定义功能及语句:
  10. c# linux 效率,c# – linux / mono上的HTTP性能
  11. Python找出列表的中只出现一次的元素
  12. codeforces round #257 div2 C、D
  13. 树链剖分解析---WYD
  14. Python 字符串前面加b,u,r的含义
  15. QQ群管机器人html官网源码
  16. 达摩院发布2021十大科技趋势(附PDF版)
  17. Signature Pad 使用
  18. 文献速递 | 通过m6A RNA甲基化修饰调节癌症中的端粒稳态和基因组稳定性
  19. postgresql.conf log_rotation_size
  20. 能够正常加入域但无法实施域策略

热门文章

  1. Leetcode130. 被围绕的区域(深搜)
  2. 学计算机的银行从业人员,银行从业人员继续教育
  3. 苹果电脑 默认安装jdk位置_CH01_JDK安装和配置(含macOS)
  4. html利用cookie登陆,前端登陆注册实现——利用cookie模仿后台数据库存取数据
  5. 阶段3 2.Spring_07.银行转账案例_6 测试转账并分析案例中的问题
  6. 电子书下载:[FBI教你破解身体语言].(美)乔·纳瓦罗.(美)马文·卡尔林斯.文字版...
  7. 收藏其他博客园主写的代码,学习加自用。先表示感谢!!!
  8. KCF跟踪算法 入门详解
  9. scala 高级十六 scala 集合和集合的高级特性 map flatten fllatmap zip reduce zip 等操作...
  10. 关于T_SQL中声明变量类型的基础知识。