echart报错 Cannot read property ‘getAttribute‘ of undefined

Error in created hook: "TypeError: Cannot read property 'getAttribute' of undefined"

用的Vue,第一反应是echart的引用错误，然后用cdn的方式引入，也是这样的错，最后发现是生命周期的原因

用的created 调用方法-------实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。

created数据构建完成，未渲染到页面

mounted -----el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$el 也在文档内。 

mounted页面渲染完毕，数据也已挂载

1.错误原因

（1）没有定义id，没找到DOM

（2）js中在绘制地图的时候，获取了id为demo的div，但此时HTML中的body还没有执行

2.解决方法

 mounted() {
            this.getChart()
        },

methods:{
       
            getChart(){
                let myChart = echarts.init(this.$refs.productChart)
                myChart.setOption(this.option);
            }
        }