Echarts -- legend部分翻页按钮失效

legend部分翻页按钮失效

作者最近又遇到了一个奇葩问题：在使用echarts折线图的过程中，选择多个对象同时展示时，页面出现翻页按钮，但是点击却没有翻页效果。
就像这样：

测试过程中，发现原来两个点击的左右按钮位置发生了偏移，两个都朝右边偏移了几厘米，因此点击时不能准确的点击到按钮上，才出现了上面说的无法翻页的问题。

紧接着，作者尝试了多种方法，在echarts文档中查看关于legend部分的配置项

尝试了左右移动，换行等方法，还是没有解决这个问题。
百度了一下之后，发现有的答案说更换echarts版本能够解决，因此作者又更好了版本，但是！！！！
没用！！！？？？
没办法，问了同行的大佬，果然大佬可不就是大佬，几下就解决了这个问题。
原来是因为外面某个地方css有问题导致echarts的canvas没对齐
直接强制写死宽度，或者去找到偏移的部分，更改位置重合就ok了。。。
这里大佬直接采用的是写死的方法。

      try {
        this.$refs['charts1'].$el.style.width = '1190px'
      } catch (error) {
      }

果然，就能点击到对应的按钮了！真是太难了啊