echart异步初始化处理

最新推荐文章于 2022-03-07 22:24:41 发布

原创

最新推荐文章于 2022-03-07 22:24:41 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echart

本文介绍了在使用ECharts时遇到的一个问题，即在异步初始化时调用getAttribute方法导致的错误。通过分析，发现原因在于ECharts对象未完全构造完成。为解决这个问题，提出了使用轮询检查ECharts配置对象是否初始化完成的方法，当对象初始化完成后，清除轮询并进行图表渲染。示例代码展示了具体的实现过程。

echart效果与功能非常强大，在实用调用中，存在一个问题，按官方简单入门例子( http://echarts.baidu.com/doc/start.html )调用代码执行，如果是使用 echarts/build/source/echarts.js文件，会在1711行报，空错不能调用getAttribute方法错误，如下

self.init = function (dom, theme) {
        var zrender = require('zrender');
        if ((zrender.version || '1.0.3').replace('.', '') - 0 < self.dependencies.zrender.replace('.', '') - 0) {
            console.error('ZRender ' + (zrender.version || '1.0.3-') + ' is too old for ECharts ' + self.version + '. Current version need ZRender ' + self.dependencies.zrender + '+');
        }
        dom = dom instanceof Array ? dom[0] : dom;
        var key = <span style="color:#FF0000;">dom.getAttribute</span>(DOM_ATTRIBUTE_KEY);  //这里的dom对象是空
        if (!key) {
            key = _idBase++;
            dom.setAttribute(DOM_ATTRIBUTE_KEY, key);
        }
        if (_instances[key]) {
            _instances[key].dispose();
        }
        _instances[key] = ne