echarts is not defined怎么改

作者&投稿:漳钩 (若有异议请与网页底部的电邮联系)
echarts在jsp当中提示:require is not defined~

你用你的 IP 地址访问 试试, 或者是你的主机名! 效果不一样 如果是项目开发的话! 挂载 在服务器上也不一样! 不行你试试! IE 很蛋疼的

以前使用echarts.js都是到官网上下载,然后放在项目中引用,没有问题。
现在写一个c++程序,想输出一个html,引用了echarts.js,因为src的路径填的是相对于html的js的路径,这就导致输出文件只能和
echarts.js在同一个文件夹下,这样局限性很大,不方便。
尝试了引用网络上的echarts.js,可是出现了echarts is not defined的错误。

我在项目中用到了var myChart=echarts.init(document.getElementById('main'));这样的语句,echarts是在js中定义了的,我自己在服务器里放了一个同样的js,然后引用,但是还是出现一样的错误。

出现了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教程



你是有可能是直接引用了项目文件<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画图组件。如果没有,需要去下载。

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


晴隆县13524942237: echarts is not defined怎么改 -
再弦信韦: ECharts所输出的那些代表数据的图形(如饼状图每一个扇形,折线图上的拐点,柱状图上的柱形等)都是可拖拽的(默认重计算功能默认关闭,需配置开启),并且拖拽后能智能的产生不同的数据重整效果,如把扇形拖出饼图,被拖出的数据成为一个“数据孤岛”,饼图内剩下的数据会重新计算成一个完整的饼图; 拖出的“数据孤岛”可以随时拖拽回去融入饼图,或者可以拖拽到某个扇形上,产生数据的合并; 这种数据拖拽的合并迁移甚至可以在不同图表间进行.

晴隆县13524942237: echarts在jsp当中提示:require is not defined -
再弦信韦: 你用你的 IP 地址访问 试试, 或者是你的主机名! 效果不一样 如果是项目开发的话! 挂载 在服务器上也不一样! 不行你试试! IE 很蛋疼的

晴隆县13524942237: IE浏览器echarts图标不显示,谷歌正常,页面报错echarts未定义 -
再弦信韦: 网页链接 解决 IE浏览器echarts报错:SCRIPT5009: “echarts”未定义 可以参考下这个解决办法.

晴隆县13524942237: echarts暂无数据时的提示怎么去掉 -
再弦信韦: 设置数据时,没位置的地方用“-”代替

晴隆县13524942237: echarts中的data数据为什麽不能是null -
再弦信韦: ECharts可以说是数据驱动,不用寻求接口方法,尝试用数据驱动的思路去考虑这个问题你可能就有答案了,dataZoom.start和dataZoom.end决定了滑块的位置,你放心大胆的多次调用setOption控制他的移动.

晴隆县13524942237: 百度echarts3 数据怎样对接 -
再弦信韦: 问题一 该文件未做任何改动,双击在浏览器中打开,得到以下错误(我用Chrome,打开Chrome Developer Tool, 查看console):Uncaught ReferenceError: $ is not defined - heatmap-bmap.html:22 代表jQuery未加载.解决办法 加载jQuery.既然...

晴隆县13524942237: ECharts中一个完整的图表包括哪些基本组件? -
再弦信韦: 6大公共组件1、Title标题2、tooltip提示3、toolbox工具框4、legend图例5、dataZoom区域缩放6、visualMap视觉映射组件

晴隆县13524942237: echarts图表初始化失败是怎么回事? -
再弦信韦: 我们下载好开发包后就可以开始了,第一步引入开发包,和需要的主题文件(可定义自己的主体文件),并定义好页面布局.2.0以后上的版本,需要把开发包放到body下,否则ie低版本会出现属性未找到的错误,导致图标初始化失败. 第二步...

晴隆县13524942237: 如何解决echarts中文乱码的问题 -
再弦信韦: 读取的json本身需要以utf-8的形式存储.直接使用记事本保存默认的格式并不是utf-8,因此读取的时候会产生乱码,建议创建文件之后使用Sublime或者Notepad++打开后设置文件编码为utf-8.

晴隆县13524942237: 请教echarts地图的一些使用问题 -
再弦信韦: 看了echarts的demo以及网上大家使用echarts的经验.我使用的是大家都推荐的模块化单文件引入.首先要去echarts和zrender官网上下载需要的文件 然后将下载下来的文件放在你项目的目录下,我将文件都放在我项目的js目录下.需要注意的...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网