情景:由于人物关系复杂,可以有几个 ——几十个(上百个),所以固定范围内(如:500高度)可能放不下,或者太空。所以可以根据node节点(也可根据其他判断条件)来动态修改 div / canvas高度。如果还是超出(eg:节点或者关系多),可添加roam:true的属性实现可平移拖拽 / 缩放。
返回的数据:
html:
<div>
<h5>人物关系图谱</h5>
<div id="relationship" :style="`height:${relationshipHeight}px`" v-if="graph.nodes" />
<div class="nodatatext" v-else>暂未发现该人物的关系图谱</div>
</div>
js:
export default {
d