首页 武林外传人物关系图谱
文章
取消

武林外传人物关系图谱

发表于 2023/06/18 更新于 2023/06/18
嘿，兄弟，咋们好久不见你在哪里……
嘿，兄弟，咋们好久不见你在哪里……
作者 must-1998
23 分钟阅读

最近重温了儿时的经典电视剧《武林外传》，同时又接触了一些基于pyecharts的可视化图表，于是就心血来潮想通过pyecharts来制作一个武林外传人物之间的关系图谱，话不多说，直接开整！

预期目标

  1. 可视化展示武林外传中主要人物之间的关系，节点以人物头像展示；
  2. 人物头像下方展示任务标签信息，包括人物姓名及职位；
  3. 鼠标悬停在人物头像上时，突出展示当前人物极其关联人物信息；
  4. 鼠标悬停在人物头像上时，可展示人物详细信息，包括姓名、职业、口头禅等。

环境准备

开发环境：Anaconda-jupyter notebook
Python: 3.9.7
相关库：pyecharts==2.0.3

数据收集

相关字段：人物姓名、职业、称号、武器、名言、演员、头像链接、是否主角、人物特点

1
2
3
4
5
6
7
8
9
10

[
  {
    "name": "佟湘玉",
    "symbol": "image://https://bkimg.cdn.bcebos.com/smart/4034970a304e251f294a272ba286c9177e3e53a0-bkimg-process",
    "symbolSize": [60, 60],
    "category": 0,
    "label": opts.LabelOpts(is_show=True, font_size=12, font_weight='bold', color="#000", formatter="{b}\n同福客栈掌柜"),
    "info": "姓名：佟湘玉<br>职业：同福客栈掌柜<br>称号：掌柜的<br>武器：烽火霹雳弹<br>名言：我滴神呀，上帝以及老天爷呀！<br>演员：闫妮<br>特点：抠门，善解人意，明事理"
  }
]

数据来源：由于网络上无与此相关的系统性数据，因此数据来源于百度百科，经过手工整理而成。

人物职位称号武器口头禅头像链接演员是否主角特点
佟湘玉同福客栈掌柜掌柜的烽火霹雳弹我滴神呀，上帝以及老天爷呀！https://bkimg.cdn.bcebos.com/smart/4034970a304e251f294a272ba286c9177e3e53a0-bkimg-process闫妮是抠门，善解人意，明事理
白展堂同福客栈跑堂盗圣葵花点穴手手里捧着窝窝头，菜里没有一滴油……https://bkimg.cdn.bcebos.com/smart/aa64034f78f0f73639182abf0455b319eac413ad-bkimg-process沙溢是性子爽朗，明白事理，有责任心，胆小
李秀莲同福客栈厨师李大嘴玄铁菜刀兄弟你甭说了，这事儿包我身上了。https://bkimg.cdn.bcebos.com/smart/7a899e510fb30f2484c3ce96c295d143ac4b03cd-bkimg-process姜超是流氓假仗义，假勇假鲁，一心想学武功、总想行侠仗义，只要一出手就必是惹祸
郭芙蓉同福客栈杂役芙妹排山倒海确定一定以及肯定。https://bkimg.cdn.bcebos.com/smart/8c1001e93901213fb80ef0e98db621d12f2eb9383ffe-bkimg-process姚晨是直爽，敢爱敢恨，不计前嫌，刁蛮，懒惰，有时娇气，乱花钱，爱作梦，脑子一根筋，经常上当受骗
吕轻侯同福客栈账房秀才知识子曾经曰过……https://bkimg.cdn.bcebos.com/smart/0dd7912397dda144c0b0a361b7b7d0a20df486ac-bkimg-process喻恩泰是被欺负、吃醋、算帐、拽文、写诗、捐款、线性代数、微积分、高等物理、精细化工、洋文、知识问答 。
邢育森七侠镇37任缁衣捕头老邢捕头佩刀我看好你哟。亲娘嘞！https://bkimg.cdn.bcebos.com/smart/622762d0f703918ffbedc1125b3d269759eec42e-bkimg-process范明否巡街、蹭吃蹭喝，吃人嘴不软，拿人手不短
燕小六七侠镇38任缁衣捕头小六脱鞋帮我照顾好我七舅姥爷和他三外甥女!https://bkimg.cdn.bcebos.com/pic/72f082025aafa40fa57e050eae64034f79f019ad?x-bce-process肖剑否头脑简单，但是心肠热、装官腔、双手抱拳恭维、打天津快板、唢呐、二胡
祝无双七侠镇唯一女捕快超级怨妇葵花点穴手放着我来！https://bkimg.cdn.bcebos.com/smart/b21c8701a18b87d62ec299cb020828381e30fd65-bkimg-process倪虹洁否温柔贤惠、体贴入微、利落仔细、有爱心同情心、明事理
白翠萍六扇门密使白三娘葵花点穴手无https://bkimg.cdn.bcebos.com/smart/86d6277f9e2f070839091dd4ec24b899a801f2d1-bkimg-process黄晓娟否对亲人如春天般温暖，对敌人如冬天般冷酷无情，多疑，冷静。曾虐待佟湘玉一天多。
公孙乌龙绝世高手公孙乌龙传音入密善哉，善哉https://bkimg.cdn.bcebos.com/smart/0b55b319ebc4b74543a9e9e2b6aa09178a82b801bfb3-bkimg-process白志迪否心狠手辣
赛貂蝉怡红楼掌柜赛掌柜偷税漏税无https://bkimg.cdn.bcebos.com/smart/0dd7912397dda144f1a15f3eb8b7d0a20df48695-bkimg-process刘敏否贪婪，无耻，工于心计，经佟湘玉不计前嫌愿为其赎身一事后洗心革面弃恶从善
姬无命江湖人士盗神不详是我杀了我https://bkimg.cdn.bcebos.com/smart/6a63f6246b600c33537d9e671a4c510fd9f9a11d-bkimg-process王磊否心狠手辣
莫小贝衡山派掌门赤焰狂魔隔空打穴嫂子…他们欺负我了啦……https://bkimg.cdn.bcebos.com/smart/bd3eb13533fa828ba61ec80bca4f5634970a314eec81-bkimg-process王莎莎是古灵精怪、幽默耍宝、不爱学习爱拌嘴、独立自主
杨蕙兰江湖人士惠兰寡妇刀无https://bkimg.cdn.bcebos.com/pic/2934349b033b5bb5c9ea7032ee82c239b6003bf316e7?x-bce-process于娟否喜欢钱，个性凶残，爱喝酒、啥都要就是不要大嘴。
断指轩辕千堵之王断指出老千我吃的盐比你吃的米还多呢！https://bkimg.cdn.bcebos.com/pic/55e736d12f2eb938a0457106df628535e5dd6f1d?x-bce-process张少华否教子有方
小青郭芙蓉丫环雌雄双煞剑无https://bkimg.cdn.bcebos.com/smart/faedab64034f78f047a8ee2a7c310a55b2191c43-bkimg-process张歆艺否对小姐忠心
小翠赛貂蝉丫环无复读机重复赛貂蝉说的话的后面几个字（像个回音音响）https://bkimg.cdn.bcebos.com/smart/8c1001e93901213fc8de730851e736d12e2e9570-bkimg-process蒋卉否热情、倔强、不服输、本性淳朴善良（赛貂蝉语），记仇
展红绫六扇门捕头红绫判官夺命笔女人的直觉https://bkimg.cdn.bcebos.com/pic/d31b0ef41bd5ad6eddc462820b9d2edbb6fd52669607?x-bce-process霍曼迪否抓贼、追贼

可视化

完整代码

代码不是特别复杂，也没有什么需要重点拆分出来说明的步骤，所以就直接附上完整代码啦！

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210

from pyecharts import options as opts
from pyecharts.charts import Graph
from pyecharts.commons.utils import JsCode

# 定义节点和边的数据
nodes = [
    {
        "name": "佟湘玉",
        "symbol": "path:///assets/images/demo.jpg",
        "category": 0,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：佟湘玉<br>职业：同福客栈掌柜<br>称号：掌柜的<br>武器：烽火霹雳弹<br>名言：我滴神呀，上帝以及老天爷呀！<br>演员：闫妮<br>特点：抠门，善解人意，明事理"
    },
    {
        "name": "白展堂",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/aa64034f78f0f73639182abf0455b319eac413ad-bkimg-process",
        "category": 0,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：白展堂<br>职业：同福客栈跑堂<br>称号：盗圣<br>武器：葵花点穴手<br>名言：手里捧着窝窝头，菜里没有一滴油……<br>演员：沙溢<br>特点：性子爽朗，明白事理，有责任心，胆小"
    },   
    {
        "name": "李秀莲",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/7a899e510fb30f2484c3ce96c295d143ac4b03cd-bkimg-process",
        "category": 0,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：李秀莲<br>职业：同福客栈厨师<br>称号：李大嘴<br>武器：玄铁菜刀<br>名言：兄弟你甭说了，这事儿包我身上了。<br>演员：姜超<br>特点：流氓假仗义，假勇假鲁，一心想学武功、总想行侠仗义，只要一出手就必是惹祸"
    },   
    {
        "name": "郭芙蓉",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/8c1001e93901213fb80ef0e98db621d12f2eb9383ffe-bkimg-process",
        "category": 0,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：郭芙蓉<br>职业：同福客栈杂役<br>称号：芙妹<br>武器：排山倒海<br>名言：确定一定以及肯定。<br>演员：姚晨<br>特点：直爽，敢爱敢恨，不计前嫌，刁蛮，懒惰，有时娇气，乱花钱，爱作梦，脑子一根筋，经常上当受骗"
    },   
    {
        "name": "吕轻侯",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/0dd7912397dda144c0b0a361b7b7d0a20df486ac-bkimg-process",
        "category": 0,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：吕轻侯<br>职业：同福客栈账房<br>称号：秀才<br>武器：知识<br>名言：子曾经曰过……<br>演员：喻恩泰<br>特点：被欺负、吃醋、算帐、拽文、写诗、捐款、线性代数、微积分、高等物理、精细化工、洋文、知识问答 。"
    },    
    {
        "name": "邢育森",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/622762d0f703918ffbedc1125b3d269759eec42e-bkimg-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：邢育森<br>职业：七侠镇37任缁衣捕头<br>称号：老邢<br>武器：捕头佩刀<br>名言：我看好你哟。亲娘嘞！<br>演员：范明<br>特点：巡街、蹭吃蹭喝，吃人嘴不软，拿人手不短"
    },   
    {
        "name": "燕小六",
        "symbol": "image://https://bkimg.cdn.bcebos.com/pic/72f082025aafa40fa57e050eae64034f79f019ad?x-bce-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：燕小六<br>职业：七侠镇38任缁衣捕头<br>称号：小六<br>武器：脱鞋<br>名言：帮我照顾好我七舅姥爷和他三外甥女!<br>演员：肖剑<br>特点：头脑简单，但是心肠热、装官腔、双手抱拳恭维、打天津快板、唢呐、二胡"
    },   
    {
        "name": "祝无双",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/b21c8701a18b87d62ec299cb020828381e30fd65-bkimg-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：祝无双<br>职业：七侠镇唯一女捕快<br>称号：超级怨妇<br>武器：葵花点穴手<br>名言：放着我来！<br>演员：倪虹洁<br>特点：温柔贤惠、体贴入微、利落仔细、有爱心同情心、明事理"
    },  
    {
        "name": "白翠萍",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/86d6277f9e2f070839091dd4ec24b899a801f2d1-bkimg-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：白翠萍<br>职业：六扇门密使<br>称号：白三娘<br>武器：葵花点穴手<br>名言：无<br>演员：黄晓娟<br>特点：对亲人如春天般温暖，对敌人如冬天般冷酷无情，多疑，冷静。曾虐待佟湘玉一天多。"
    },    
    {
        "name": "公孙乌龙",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/0b55b319ebc4b74543a9e9e2b6aa09178a82b801bfb3-bkimg-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：公孙乌龙<br>职业：绝世高手<br>称号：绝世高手<br>武器：传音入密<br>名言：善哉，善哉！<br>演员：白志迪<br>特点：心狠手辣"
    },   
    {
        "name": "赛貂蝉",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/0dd7912397dda144f1a15f3eb8b7d0a20df48695-bkimg-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：赛貂蝉<br>职业：怡红楼掌柜<br>称号：赛掌柜<br>武器：偷税漏税<br>名言：无<br>演员：刘敏<br>特点：贪婪，无耻，工于心计，经佟湘玉不计前嫌愿为其赎身一事后洗心革面弃恶从善"
    },    
    {
        "name": "姬无命",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/6a63f6246b600c33537d9e671a4c510fd9f9a11d-bkimg-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：姬无命<br>职业：江湖人士<br>称号：盗神<br>武器：不详<br>名言：是我杀了我！<br>演员：王磊<br>特点：心狠手辣"
    },    
    {
        "name": "莫小贝",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/bd3eb13533fa828ba61ec80bca4f5634970a314eec81-bkimg-process",
        "category": 0,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：莫小贝<br>职业：衡山派掌门<br>称号：赤焰狂魔<br>武器：隔空打穴<br>名言：嫂子…他们欺负我了啦……<br>演员：王莎莎<br>特点：古灵精怪、幽默耍宝、不爱学习爱拌嘴、独立自主"
    },   
    {
        "name": "杨蕙兰",
        "symbol": "image://https://bkimg.cdn.bcebos.com/pic/2934349b033b5bb5c9ea7032ee82c239b6003bf316e7?x-bce-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：杨蕙兰<br>职业：江湖人士<br>称号：惠兰<br>武器：寡妇刀<br>名言：无<br>演员：于娟<br>特点：喜欢钱，个性凶残，爱喝酒、啥都要就是不要大嘴。"
    },   
    {
        "name": "断指轩辕",
        "symbol": "image://https://bkimg.cdn.bcebos.com/pic/55e736d12f2eb938a0457106df628535e5dd6f1d?x-bce-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：断指轩辕<br>职业：千堵之王<br>称号：断指<br>武器：出老千<br>名言：我吃的盐比你吃的米还多呢！<br>演员：张少华<br>特点：教子有方"
    },   
    {
        "name": "小青",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/faedab64034f78f047a8ee2a7c310a55b2191c43-bkimg-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：小青<br>职业：郭芙蓉丫环<br>称号：雌雄双煞<br>武器：剑<br>名言：无<br>演员：张歆艺<br>特点：对小姐忠心"
    },    
    {
        "name": "小翠",
        "symbol": "image://https://bkimg.cdn.bcebos.com/smart/8c1001e93901213fc8de730851e736d12e2e9570-bkimg-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：小翠<br>职业：赛貂蝉丫环<br>称号：无<br>武器：复读机<br>名言：重复赛貂蝉说的话的后面几个字（像个回音音响）<br>演员：蒋卉<br>特点：热情、倔强、不服输、本性淳朴善良（赛貂蝉语），记仇"
    },    
    {
        "name": "展红绫",
        "symbol": "image://https://bkimg.cdn.bcebos.com/pic/d31b0ef41bd5ad6eddc462820b9d2edbb6fd52669607?x-bce-process",
        "category": 1,
        "label": opts.LabelOpts(is_show=True, font_weight='bold',color="#000",formatter="{b}\n同福客栈掌柜"),
        "info": "姓名：展红绫<br>职业：六扇门捕头<br>称号：红绫<br>武器：判官夺命笔<br>名言：女人的直觉<br>演员：霍曼迪<br>特点：抓贼、追贼"
    },
]
links = [
    {"source": "佟湘玉", "target": "白展堂", "value":"情侣", "symbol":["arrow",""]},
    {"source": "佟湘玉", "target": "李秀莲", "value":"雇主", "symbol":["arrow",""]},
    {"source": "佟湘玉", "target": "郭芙蓉", "value":"雇主", "symbol":["arrow",""]},
    {"source": "佟湘玉", "target": "吕轻侯", "value":"雇主", "symbol":["arrow",""]},
    {"source": "佟湘玉", "target": "莫小贝", "value":"嫂子", "symbol":["arrow",""]},
    {"source": "佟湘玉", "target": "赛貂蝉", "value":"对手", "symbol":["arrow",""]},
    {"source": "白展堂", "target": "佟湘玉", "value":"情侣", "symbol":["arrow",""]},
    {"source": "白展堂", "target": "祝无双", "value":"师兄", "symbol":["arrow",""]},
    {"source": "白展堂", "target": "姬无命", "value":"昔日好友", "symbol":["arrow",""]},
    {"source": "白展堂", "target": "展红绫", "value":"友人", "symbol":["arrow",""]},
    {"source": "白展堂", "target": "白翠萍", "value":"儿子", "symbol":["arrow",""]},
    {"source": "郭芙蓉", "target": "吕轻侯", "value":"情侣", "symbol":["arrow",""]},
    {"source": "郭芙蓉", "target": "佟湘玉", "value":"佣人", "symbol":["arrow",""]},
    {"source": "郭芙蓉", "target": "小青", "value":"主人", "symbol":["arrow",""]},
    {"source": "吕轻侯", "target": "佟湘玉", "value":"佣人", "symbol":["arrow",""]},
    {"source": "吕轻侯", "target": "姬无命", "value":"仇人", "symbol":["arrow",""]},
    {"source": "吕轻侯", "target": "郭芙蓉", "value":"情侣", "symbol":["arrow",""]},
    {"source": "姬无命", "target": "吕轻侯", "value":"仇人", "symbol":["arrow",""]},
    {"source": "姬无命", "target": "白展堂", "value":"昔日好友", "symbol":["arrow",""]},
    {"source": "姬无命", "target": "公孙乌龙", "value":"徒弟", "symbol":["arrow",""]},
    {"source": "祝无双", "target": "白展堂", "value":"师妹", "symbol":["arrow",""]},
    {"source": "祝无双", "target": "燕小六", "value":"情侣", "symbol":["arrow",""]},
    {"source": "燕小六", "target": "祝无双", "value":"情侣", "symbol":["arrow",""]},
    {"source": "燕小六", "target": "邢育森", "value":"徒弟", "symbol":["arrow",""]},
    {"source": "李秀莲", "target": "佟湘玉", "value":"佣人", "symbol":["arrow",""]},
    {"source": "李秀莲", "target": "杨蕙兰", "value":"单恋", "symbol":["arrow",""]},
    {"source": "李秀莲", "target": "断指轩辕", "value":"儿子", "symbol":["arrow",""]},
    {"source": "赛貂蝉", "target": "小翠", "value":"主人", "symbol":["arrow",""]},
    {"source": "小翠", "target": "赛貂蝉", "value":"仆人", "symbol":["arrow",""]},
    {"source": "小青", "target": "郭芙蓉", "value":"仆人", "symbol":["arrow",""]},
]

# 创建图表对象，进行链式调用
graph = (
    Graph(init_opts=opts.InitOpts(width='100%'))
    .set_global_opts(
        title_opts=opts.TitleOpts(title="武林外传人物关系图",pos_left="center"),
        tooltip_opts=opts.TooltipOpts(formatter="{b}: {c}"),
        legend_opts=opts.LegendOpts(pos_top="10%",pos_right="10%",)
    )
    .add(
        "",
        nodes,
        links,
        categories=[{"name": "主角"},{"name":"配角"}],
        layout="force",
        repulsion=1000,
        is_draggable=True,
        is_focusnode=True,
        linestyle_opts=opts.LineStyleOpts(width=1.5, curve=0),
        edge_label=opts.LabelOpts(
            is_show=True, position="middle", formatter="{c}"
        ),
    )
    .set_series_opts(
        tooltip_opts=opts.TooltipOpts(
            formatter=JsCode(
                """function(params) {
                    if ('info' in params.data) {
                        return params.data.info;
                    }
                    else {
                        return params.name;
                    }
                }"""
            ),
        ),
        label_opts=opts.LabelOpts(
            position="bottom",
        ),
    )
)

# 渲染图表并保存到文件
graph.render("demo.html")
# graph.render_notebook()

最终效果

有个小Bug，markdown中嵌入关系图，人物头像不显示，还在定位问题，后续尝试修复。

姓名：断指轩辕
职业：千堵之王
称号：断指
武器：出老千
名言：我吃的盐比你吃的米还多呢！
演员：张少华
特点：教子有方

后续优化

折腾了好久，总算是弄出来了，但还是有许多需要优化的地方，以后有时间再慢慢优化吧。

  1. 主角、配角图例添加自定义图片；
  2. 添加JsCode，使人物头像以圆形展示；
  3. 人物关系之间连线显示优化；
  4. 整体显示效果优化，如字体、颜色等；
  5. Bug修复：解决markdown中嵌入关系图，人物头像不显示问题；
  6. 代码优化：nodes信息和links信息通过json文件读取，减少代码量。
随笔杂谈
杂谈
本文由作者按照 CC BY 4.0 进行授权
最近更新
文章内容