Echarts显示隐藏导致大小错误的Bug记录

阅读 46

2021-09-27

原因

解决方案

for (const [containerId, { option, config }] of this
              .echartsOptions) {
              this.$nextTick(() => {
                let dom = document.getElementById(containerId);
                let { width, height } = dom.getBoundingClientRect();
                let myChart = this.$echarts.init(dom, "light");
                myChart.clear();
                myChart.resize();
                myChart.setOption(option, config);
              });
            }

原理

  • myChart.clear();清空画布
  • myChart.resize();重置大小

精彩评论(0)

0 0 举报