echarts根据dom获取实例

Question

初始化echarts：

      var myChart = echarts.init(document.getElementById("chartWrapper"), "macarons");

但是在其他模块中想要根据该DOM元素获取echarts：

    var compareChart = echarts.getInstanceByDom(document.getElementById("chartWrapper"));
    compareChart.clear();

报错：

    Cannot read property 'clear' of undefined(…)

请问如何通过容器正确获取echarts实例？

Answer 1

原因是异步的问题，当执行获取echarts实例时页面仍没有被渲染完成。
echarts api 中有一个getInstanceByDom方法，用于获取 dom 容器上的实例，不过我没用过
参考getInstanceByDom
或者用一个延迟执行函数

setTimeout(function(){
    var compareChart = echarts.getInstanceByDom(document.getElementById("chartWrapper"));
        compareChart.clear();
},100)