echart关系图首次加载结点闪烁

echarts 的关系图在首次加载时，因为需要渲染大量的节点和连线，会导致页面加载速度变慢、结点会闪烁等问题。这个问题可能是由于浏览器渲染引擎的性能问题导致的。

为了解决这个问题，我们可以使用 echarts 中提供的 `loading` 动画，或者在加载数据前给 echarts 容器设置一个遮罩层，避免用户看到闪烁的节点。

具体做法如下：

1.使用 `loading` 动画

在 echarts 实例中，加入以下代码即可：

myChart.showLoading({
  text: '正在加载中...',    // loading 动画的提示文本
  color: '#c23531',    // 颜色
  textColor: '#000',    // 文字颜色
  maskColor: 'rgba(255, 255, 255, 0.8)',    // 遮罩层颜色
  zlevel: 0    // loading 层叠级别
});

// 数据加载完成后，隐藏 loading 动画
myChart.hideLoading();

2.设置遮罩层

在 echarts 容器中添加一个遮罩层，代码如下：

// 获取 echarts 容器
var echartContainer = document.getElementById('echart-container');

// 添加遮罩层
var mask = document.createElement('div');
mask.style.width = echartContainer.clientWidth + 'px';
mask.style.height = echartContainer.clientHeight + 'px';
mask.style.position = 'absolute';
mask.style.top = '0';
mask.style.left = '0';
mask.style.zIndex = 9999;
mask.style.backgroundColor = '#fff';
mask.style.opacity = 1;
echartContainer.appendChild(mask);

// 数据加载完成后，隐藏遮罩层
mask.style.display = 'none';

以上两种方法可以有效避免首次加载节点闪烁的问题。