合并冲突解决
This commit is contained in:
parent
d5378e2cb5
commit
2b6b9b7d51
|
|
@ -26,7 +26,6 @@ export function getRelationGraphByUtcTime(utcTime) {
|
|||
}
|
||||
|
||||
// 3.群体成员演化分析
|
||||
<<<<<<< HEAD
|
||||
// 3.1 获取时间线数据
|
||||
export function getGroupMemberTimeLine() {
|
||||
return http.get(`/groupEvolution/groupMember/timeline`)
|
||||
|
|
@ -45,9 +44,4 @@ export function getGroupMemberChart() {
|
|||
// 3.4 群体演化信息
|
||||
export function getGroupMemberEvolutionInfoByTime(date) {
|
||||
return http.get(`/groupEvolution/groupMember/changeList?date=${date}`)
|
||||
=======
|
||||
// 3.1 群体成员演化信息列表信息
|
||||
export function getGroupMemberInfoList() {
|
||||
return http.get(`/groupEvolution/groupMember/infoList`)
|
||||
>>>>>>> 90124585f151f0a2286527a4c2e9232b86951cfb
|
||||
}
|
||||
|
|
|
|||
|
|
@ -39,132 +39,6 @@ const handlePointerDown = (time) => {
|
|||
emit("click:pointerDownAndSlide", utcTime)
|
||||
}
|
||||
|
||||
<<<<<<< HEAD
|
||||
=======
|
||||
const initChart = () => {
|
||||
if (chart == null) {
|
||||
chart = echarts.init(document.getElementById("container"))
|
||||
}
|
||||
if (Object.keys(graph.value).length === 0) {
|
||||
chart.clear()
|
||||
return
|
||||
}
|
||||
|
||||
function variableColorAndPos(groupId) {
|
||||
const resultMap = {
|
||||
0: { color: "#1f8473", x: 100, y: 100 },
|
||||
1: { color: "#807d2c", x: 300, y: 300 },
|
||||
6: { color: "#0c7090", x: 600, y: 600 }
|
||||
}
|
||||
return resultMap[parseInt(groupId)]
|
||||
}
|
||||
|
||||
const option = {
|
||||
//hover上去的窗口
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
backgroundColor: "rgba(0,0,0,0)", // 透明背景
|
||||
borderColor: "rgba(0,0,0,0)", // 透明边框
|
||||
borderWidth: 0,
|
||||
extraCssText: "box-shadow:none;padding:0;",
|
||||
formatter: function (params) {
|
||||
if (params.dataType === "node") {
|
||||
return `<div
|
||||
style="
|
||||
padding:10px 15px;
|
||||
height: 68px;
|
||||
border-radius: 4px;
|
||||
background: url('${nodeHoverImg}');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
">
|
||||
<div style="color:#fff;letter-spacing: 0.14px;">
|
||||
<div >用户名:${params.data.name}</div>
|
||||
<div >组ID:${params.data.groupId}</div>
|
||||
</div>
|
||||
</div>`
|
||||
}
|
||||
return ""
|
||||
}
|
||||
},
|
||||
emphasis: {
|
||||
edgeLabel: {
|
||||
show: true,
|
||||
color: "#fff",
|
||||
fontSize: 18,
|
||||
textShadowColor: "#fff",
|
||||
textShadowBlur: 0,
|
||||
textShadowOffsetX: 0,
|
||||
textShadowOffsetY: 0
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
type: "graph",
|
||||
layout: "force",
|
||||
animation: false,
|
||||
draggable: true,
|
||||
roam: true,
|
||||
zoom: 0.1,
|
||||
force: {
|
||||
initLayout: "circular", // 初始布局使用圆形
|
||||
edgeLength: 6000,
|
||||
repulsion: 5000,
|
||||
gravity: 0.1,
|
||||
friction: 0.02,
|
||||
coolingFactor: 0.1
|
||||
},
|
||||
|
||||
animationDurationUpdate: 3500, // 节点移动更平滑
|
||||
data: graph.value?.nodes.map((node) => ({
|
||||
...node,
|
||||
symbol: "circle",
|
||||
x: variableColorAndPos(node.groupId).x,
|
||||
y: variableColorAndPos(node.groupId).y,
|
||||
symbolSize: 40,
|
||||
itemStyle: {
|
||||
color: variableColorAndPos(node.groupId).color,
|
||||
opacity: 1,
|
||||
borderColor: "#46C6AD",
|
||||
borderWidth: 1,
|
||||
shadowBlur: 4,
|
||||
borderType: "solid",
|
||||
shadowColor: "rgba(19, 27, 114, 0.25)"
|
||||
}
|
||||
})),
|
||||
links: graph.value?.links,
|
||||
lineStyle: {
|
||||
color: "#37ACD7",
|
||||
width: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
chart.setOption(option)
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
initChart()
|
||||
})
|
||||
let lastPostsLength = 0 //当列表更新时,记录上一次的长度
|
||||
watch(
|
||||
() => graph.value,
|
||||
(newValue) => {
|
||||
if (newValue.nodes.length > lastPostsLength) {
|
||||
nextTick(() => {
|
||||
initChart()
|
||||
})
|
||||
}
|
||||
lastPostsLength = newValue.nodes.length //实现按需更新
|
||||
},
|
||||
{ deep: true }
|
||||
)
|
||||
>>>>>>> 90124585f151f0a2286527a4c2e9232b86951cfb
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
|
|
|
|||
|
|
@ -30,7 +30,6 @@
|
|||
></GroupGraph>
|
||||
</div>
|
||||
<div class="postList">
|
||||
|
||||
<GroupPost
|
||||
:posts="groupMemberStore.posts"
|
||||
@click:open-dialog="handleOpenPostDialog"
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user