标签:领导 blank hub echart tle lan 领导人 label links
本文仅为自己记录使用
原文链接 https://blog.csdn.net/emrys5/article/details/75433501
Github:https://github.com/Emrys5/ECharts-Relationship-map
演示:https://emrys5.github.io/ECharts-Relationship-map/
--------------------------------------------------------------------------丑陋的分割线----------------------------------------------------------
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>ECharts 实现人民的名义关系图谱</title> <script src="jquery-1.10.2.min.js"></script> <script src="echarts.min.js"></script> <style type="text/css"> html, body, #main { height: 100%; width: 100%; margin: 0; padding: 0 } </style> </head> <body> <div id="main" style=""></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById(‘main‘)); option = { title: { text: ‘人民的名义关系图谱‘ }, tooltip: { formatter: function (x) { return x.data.des; } }, series: [ { type: ‘graph‘, layout: ‘force‘, symbolSize: 80, roam: true, edgeSymbol: [‘circle‘, ‘arrow‘], edgeSymbolSize: [4, 10], edgeLabel: { normal: { textStyle: { fontSize: 20 } } }, force: { repulsion: 2500, edgeLength: [10, 50] }, draggable: true, itemStyle: { normal: { color: ‘#4b565b‘ } }, lineStyle: { normal: { width: 2, color: ‘#4b565b‘ } }, edgeLabel: { normal: { show: true, formatter: function (x) { return x.data.name; } } }, label: { normal: { show: true, textStyle: { } } }, data: [ { name: ‘侯亮平‘, des: ‘最高检反贪局侦查处处长,汉东省人民检察院副检察长兼反贪局局长。<br/>经过与腐败违法分子的斗争,最终将一批腐败分子送上了审判台,<br/>正义战胜邪恶,自己也迎来了成长。‘, symbolSize: 100, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘李达康‘, des: ‘汉东省省委常委,京州市市委书记。是一个正义无私的好官。<br/>但为人过于爱惜自己的羽毛,对待身边的亲人和朋友显得有些无情。‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘祁同伟‘, des: ‘汉东省公安厅厅长‘, symbolSize: 100 }, { name: ‘陈岩石‘, des: ‘离休干部、汉东省检察院前常务副检察长。充满正义,平凡而普通的共 产 党人。<br/>对大老虎赵立春,以各种形式执着举报了十二年。<br/>在这场关系党和国家生死存亡的斗争中,老人家以耄耋高龄,<br/>义无反顾地背起了炸 药包,在反腐胜利前夕因病去世。‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘陆亦可‘, des: ‘汉东省检察院反贪局一处处长‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘高育良‘, des: ‘汉东省省委副书记兼政法委书记。年近六十,是一个擅长太极功夫的官场老手。侯亮平、陈海和祁同伟是其学生。‘, symbolSize: 100 }, { name: ‘沙瑞金‘, des: ‘汉东省省委书记‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘高小琴‘, des: ‘山水集团董事长,是一位叱咤于政界和商界的风云人物,处事圆滑、精明干练。‘ }, { name: ‘高小凤‘ }, { name: ‘赵东来‘, des: ‘汉东省京州市公安局局长,充满正义,整治恶势力,<br/>在与检察部门的合作中从最初的质疑到之后的通力配合。‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘程度‘, des: ‘汉东省京州市公安局光明区分局局长,因犯错误,被李达康书记和赵东来局长点名要清除公安队伍。<br/>但在高小琴的帮助下,祁同伟调他当上了省公安厅办公室副主任。<br/>尽管程度逃避了所有罪责,上面也有人保他,<br/>但最终还是在反贪局局长侯亮平的缜密侦查下被绳之于法。‘, }, { name: ‘吴惠芬‘, des: ‘汉东省省委副书记高育良的妻子,汉东大学明史教授。‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘赵瑞龙‘, des: ‘副国级人物赵立春的公子哥,官二代,打着老子的旗子,<br/>黑白两道通吃,可谓呼风唤雨,权倾一时。‘, }, { name: ‘赵立春‘, des: ‘副国级领导人,曾经的改革闯将,在权利面前,显得极其渺小。‘, }, { name: ‘陈海‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘梁璐‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘刘新建‘ }, { name: ‘欧阳菁‘ }, { name: ‘吴心怡‘, itemStyle: { normal: { color: ‘red‘ } } }, { name: ‘蔡成功‘ }, { name: ‘丁义珍‘ } ], links: [ { source: ‘高育良‘, target: ‘侯亮平‘, name: ‘师生‘, des: ‘侯亮平是高育良的得意门生‘ }, { source: ‘高育良‘, target: ‘祁同伟‘, name: ‘师生‘ }, { source: ‘赵立春‘, target: ‘高育良‘, name: "前领导" }, { source: ‘赵立春‘, target: ‘赵瑞龙‘, name: "父子" }, { source: ‘赵立春‘, target: ‘刘新建‘, name: "前部队下属" }, { source: ‘李达康‘, target: ‘赵立春‘, name: "前任秘书" }, { source: ‘祁同伟‘, target: ‘高小琴‘, name: "情人" }, { source: ‘陈岩石‘, target: ‘陈海‘, name: "父子" }, { source: ‘陆亦可‘, target: ‘陈海‘, name: "属下" }, { source: ‘沙瑞金‘, target: ‘陈岩石‘, name: "故人" }, { source: ‘祁同伟‘, target: ‘陈海‘, name: "师哥" }, { source: ‘祁同伟‘, target: ‘侯亮平‘, name: "师哥" }, { source: ‘侯亮平‘, target: ‘陈海‘, name: "同学,生死朋友" }, { source: ‘高育良‘, target: ‘吴惠芬‘, name: "夫妻" }, { source: ‘陈海‘, target: ‘赵东来‘, name: "朋友" }, { source: ‘高小琴‘, target: ‘高小凤‘, name: "双胞胎", symbolSize: ‘1‘ }, { source: ‘赵东来‘, target: ‘陆亦可‘, name: "爱慕" }, { source: ‘祁同伟‘, target: ‘程度‘, name: "领导" }, { source: ‘高育良‘, target: ‘高小凤‘, name: "情人" }, { source: ‘赵瑞龙‘, target: ‘祁同伟‘, name: "勾结", symbolSize: ‘1‘, }, { source: ‘李达康‘, target: ‘赵东来‘, name: "领导" }, { source: ‘赵瑞龙‘, target: ‘程度‘, name: "领导" }, { source: ‘沙瑞金‘, target: ‘李达康‘, name: "领导" }, { source: ‘沙瑞金‘, target: ‘高育良‘, name: "领导" }, { source: ‘祁同伟‘, target: ‘梁璐‘, name: "夫妻" }, { source: ‘吴惠芬‘, target: ‘梁璐‘, name: "朋友" }, { source: ‘李达康‘, target: ‘欧阳菁‘, name: "夫妻" }, { source: ‘赵瑞龙‘, target: ‘刘新建‘, name: "洗钱工具" }, { source: ‘赵瑞龙‘, target: ‘高小琴‘, name: "勾结,腐化", symbolSize: ‘1‘ }, { source: ‘赵瑞龙‘, target: ‘高小凤‘, name: "腐化" }, { source: ‘吴心怡‘, target: ‘陆亦可‘, name: "母女" }, { source: ‘吴心怡‘, target: ‘吴惠芬‘, name: "姐妹" }, { source: ‘蔡成功‘, target: ‘侯亮平‘, name: "发小" }, { source: ‘蔡成功‘, target: ‘欧阳菁‘, name: "举报", lineStyle: { normal: { type: ‘dotted‘, color: ‘#000‘ } } }, { source: ‘欧阳菁‘, target: ‘刘新建‘, name: "举报", lineStyle: { normal: { type: ‘dotted‘, color: ‘#000‘ } } }, { source: ‘刘新建‘, target: ‘赵瑞龙‘, name: "举报", lineStyle: { normal: { type: ‘dotted‘, color: ‘#000‘ } } }, { source: ‘李达康‘, target: ‘丁义珍‘, name: "领导" }, { source: ‘高小琴‘, target: ‘丁义珍‘, name: "策划出逃" }, { source: ‘祁同伟‘, target: ‘丁义珍‘, name: "勾结" }, { source: ‘赵瑞龙‘, target: ‘丁义珍‘, name: "勾结" }] } ] }; myChart.setOption(option); </script> </body> </html>
需要导入 echarts.min.js 和 jquery-1.10.2.min.js 相比官网那个我觉得是比较清楚
标签:领导 blank hub echart tle lan 领导人 label links
原文地址:https://www.cnblogs.com/xuexidememeda/p/10237734.html