Echats出现init报错的解决方法

Echats网址

Echats使用文档:https://echarts.apache.org/examples/zh/index.html#chart-type-line

前言

今天做项目的时候，在使用echats出现了下面问题，于是搜了许多解决方法，耗费一点时间后终于解决了问题，图形也可以正常显示了，以下是解决方案(不一定对所有人都有作用)。

二、解决方案

1.引入库（在main.js文件下引入依赖)

import * as echarts from "echarts";//建议按需导入，不会占用项目太多资源
Vue.prototype.$echarts = echarts//构造全局实例

之前使用的是import echarts from “echarts”，出现了init为定义的错误。

2.版本原因(版本过高可能不太稳定)

①.首先卸载echats

npm uninstall echarts --save

②.重新安装echats(@后指定你想安装的版本号)

npm install echarts@4.2.0 --save

3.实现效果

总结

echats真是太酷炫了，还有拓展的知识点需要去不断地去学习，冲鸭！