Question

echarts is not defined怎么改

Answer 1

出现了echarts is not defined的报错，是版本的问题。

对于压缩版的echarts2.2.7及以上版本，是包含了esl的，所以直接像官网一样<script src="echarts.min.js"></script>引入到页面即可。

也有可能是直接引用了项目文件<script src="./src/echarts.js"></script>，这不是模块化的方式，所以浏览器也就很直接报错误。

Uncaught ReferenceError: define is not defined echarts.js:18
Uncaught ReferenceError: require is not defined test.html:13

前一个是说define方法没有导入, 后一个是说require方法没有导入。

问题的关键有可能是<script src="./statics/js/echarts/esl.js"></script>没有导入，这是因为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教程

Answer 2

你是有可能是直接引用了项目文件<script src="./src/echarts.js"></script>，这不是模块化的方式，所以浏览器也就很直接报错误
Uncaught ReferenceError: define is not defined echarts.js:18
Uncaught ReferenceError: require is not defined test.html:13

前一个是说define方法没有导入, 后一个是说require方法没有导入。
问题的关键有可能是<script src="./statics/js/echarts/esl.js"></script>没有导入，这是因为echarts是架设在efe团队的esl框架基础上的, 文档里面没有讲明白。 导入后，你有可能还缺少zrender，ECharts是基于zrender这个html5画图组件。如果没有，需要去下载。

Answer 3

ECharts所输出的那些代表数据的图形（如饼状图每一个扇形，折线图上的拐点，柱状图上的柱形等）都是可拖拽的（默认重计算功能默认关闭，需配置开启），并且拖拽后能智能的产生不同的数据重整效果，如把扇形拖出饼图，被拖出的数据成为一个“数据孤岛”，饼图内剩下的数据会重新计算成一个完整的饼图；
拖出的“数据孤岛”可以随时拖拽回去融入饼图，或者可以拖拽到某个扇形上，产生数据的合并；
这种数据拖拽的合并迁移甚至可以在不同图表间进行。