起因

关于设置了echarts的tooltip和legend的tooltip，导致出现横向滚动条bug。
关于各个容器元素宽度为整屏宽度，但是有的容器被推向右侧导致内部内容区变大出现滚动条问题。

问题排查

是tooltip引起的，虽然是position: absolute布局，仍旧产生了影响，把另外一个容器给往右侧推了，导致横向滚动条出现，引起错误的视觉Bug

解决

找到更上级容器，增加overflow-x: hidden

.root {
    
    
  width: calc(100 * var(--vw));
  min-height: calc(100 * var(--vh));
  position: relative;
  overflow-x: hidden;
}

另一个叠加问题：

由于最高级容器设置的是自适应vw布局，产生了像素误差引起了小宽度的滚动条
这时我们需要在上面的基础上，修改成项目内设置的vw变量

  width: var(--containerWidth);
  height: var(--containerHeight);

.root {
    
    
  width: var(--containerWidth);
  height: var(--containerHeight);
  position: relative;
  overflow-x: hidden;
}