本文展示了如何利用echarts3的graph图表组件，结合Java来绘制人物关系的拓扑图。配置中详细定义了节点、链接的颜色、样式和布局，实现了动态效果，并且通过设置不同节点类别来区分事件和人物。
效果图：
image.png
配置：
var option = {
title: {
text: '人物关系拓扑图',
show: true,
textStyle: {
color: '#fff',
fontWeight: 'normal'
},
padding: [10, 0, 10, -90],
left: '50%'
},
tooltip: {},
animationDuration: 1,
animationDurationUpdate: 1500,
animationEasingUpdate: 'quinticInOut',
label: {
normal: {
show: true,
textStyle: {
fontSize: 12
},
}
},
legend: {
x: "center",
show: false,
data: ["事件", "人物"]
},
series: [
{
type: 'graph',
layout: 'force',
force: {
repulsion: 1000,
gravity: 0.01
},
symbolSize: 45,
focusNodeAdjacency: true,
roam: 'scale',
categories: [{
name: '事件',
itemStyle: {
normal: {
color: "#fff",
}
}
}, {
name: '人物',
itemStyle: {
normal: {
color: "#fff",
}
}
}],
label: {
normal: {
show: true,
<
最低0.47元/天 解锁文章
扫一扫
2128
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
