專案場景:
專案場景:Echarts關系圖中(不是力圖)一個節點x,y是固定的,為了同一列能居中顯示,規定:當前列有奇數個元素新節點往下放,有偶數個節點時新節點往上放,
問題描述:
洗掉中間節點會有空缺:
洗掉前后:


解決方案:
限制:
- 平衡后: 下邊節點數>= 上邊節點數,且下邊比上邊最多多一個,
- 本列添加新節點后: 下邊節點數>= 上邊節點數,且下邊比上邊最多多一個,
解決方法:
- 洗掉中心節
- 下側節點數 = 上側節點
洗掉掉之后總數為偶數,下一個節點往上放,中心節點上所有節點往下移,上側比下側多一個節點, - 上側節點數 > 下側節點
洗掉掉之后總數為奇數,下一個節點往下放,中心節點下所有節點往上移,左右點相等,
- 下側節點數 = 上側節點
- 洗掉上側節點
- 下側節點數 = 上側節點
洗掉掉之后總數為偶數,下一個節點往上放,洗掉節點上所有節點往下移,左側比右側多一個節點, - 上側節點數 > 下側節點
洗掉掉之后總數為奇數,下一個節點往下放,中心節點下所有節點往上移,左右點相等,
- 下側節點數 = 上側節點
- 洗掉下側節點
- 下側節點數 = 上側節點
洗掉掉之后總數為偶數,下一個節點往上放,洗掉節點上所有節點往下移,左側比右側多一個節點, - 上側節點數 > 下側節點
洗掉掉之后總數為奇數,下一個節點往下放,中心節點下所有節點往上移,左右點相等,
- 下側節點數 = 上側節點
可以看到節點移動跟洗掉節點的位置無關,淦!
- 當洗掉節點個數為偶數時,洗掉節點上部分向下移動
- 當節點個數為奇數數時,洗掉節點下部分向上移動
效果圖

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/258638.html
標籤:其他
