出现了echarts is not defined的报错，是版本的问题。
对于压缩版的echarts2.2.7及以上版本，是包含了esl的，所以直接像官网一样引入到页面即可。
也有可能是直接引用了项目文件，这不是模块化的方式，所以浏览器也就很直接报错误。
Uncaught ReferenceError: define is not defined echarts.js:18Uncaught ReferenceError: require is not defined test.html:13
前一个是说define方法没有导入, 后一个是说require方法没有导入。
问题的关键有可能是没有导入，这是因为echarts是架设在efe团队的esl框架基础上的。
导入后，你有可能还缺少zrender，ECharts是基于zrender这个html5画图组件。如果是没有压缩的版本，需要另外引入esl.js才可以使用。如下图：
扩展资料
关于ngx-echarts的echarts is not defined问题
引用的angular框架，其中需求方要求绘制一些图标，于是便引用echarts，但是在angular4中引用echarts会出现 echarts is not defined这种错误。
这个问题其实就是echarts的引用问题，要是你没有在.angular-cli.json中引用echarts，需要像如下引用：
如果这样还没有解决问题，那么继续往下看。在../node_modules/@angular/cli/models/webpack-configs/common.js中找到plugins数组，如下添加：
参考资料：echarts4.0官网-ECharts教程
tobyzhao520
