echart报错Cannotreadproperty‘getAttribute‘ofundefined原创

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);
            }
        }