echarts is not defined解决方案
来源:互联网 发布:cmmi软件过程管理体系 编辑:程序博客网 时间:2024/06/05 20:18
关于这个问题,我昨天遇到过,后来我找到了调用网络上js,没有问题,也就没有在处理这个问题,今天打算好好的研究好这个echarts,所以,今天将网上js连接注释掉了,直接研究js文件。
我在引入js文件的时候,china.js没有问题了,但是echarts.js总是有问题,因为下载下来的jar包中有很多地方都有这个echarts所以我一直怀疑是这个问题。
首先顺道说一下,引入china.js的方法:http://echarts.baidu.com/download-map.html
然后引入标签文件的时候,有模块化单文件引入,标签式单文件引入两种方式大家可以看一下,具体echarts的使用,我随后会在echarts文章分类中,单独写一篇博文来具体详细的介绍下。
解决方法一:
- <body>
- <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script> - //地图展示的位置div
- <div id ="main" style="height: 500px;width: 500px;">
<script>
var chart = echarts.init(document.getElementById('main'));- ①:第一种方式
chart.setOption({
series: [{
type: 'map',
map: 'china'
}]
}); - ②:第二种方式(option在echarts有很多不同的样式,所以直接替换这里的option就可以查看不同的样式,也不用管js的问题)
- option={
- series: [{
type: 'map',
map: 'china'
}] - }
- chart.setOption(option);
- </script>
- <body>
没有网络的时候,必须要使用js文件,所以找到js文件,才是这个问题解决的根本
这里有一个echarts-master文件
https://github.com/ecomfe/echarts
我是在dist文件夹中选择echart.min.js
china.js可以在http://echarts.baidu.com/download-map.html这里下载,可以选择js/json两种方式
引入文件的配置方式,我直接在这里列出来吧
- <script type="text/javascript" charset="utf-8" src="echarts/echarts.min.js"></script>
<script type="text/javascript" charset="utf-8" src="map/js/china.js"></script>
效果也在下面列出来吧
在这里粗浅的说一下,如果遇到这个错误的话,导入的文件必须是echarts.min.js而不是echarts.js
不然也同样会造成这种问题,总而言之js文件的问题。
1 0
- echarts is not defined解决方案
- Uncaught ReferenceError: echarts is not defined解决方案
- echarts is not defined
- 关于echarts is not defined的问题
- ECharts is not Loaded解决方案
- echarts报错ReferenceError: require is not defined
- jQuery is not defined 错误,解决方案
- Target runtime is not defined解决方案
- AngularJS 入门教程 $http is not defined 解决方案
- jQuery is not defined错误的解决方案
- WeixinJSBridge is not defined的解决方案
- localStorage is not defined的解决方案
- 使用echarts不能找到ID.报错echarts is not defined.
- Target runtime Apache Tomcat 7.0 is not defined解决方案
- Target runtime Apache Tomcat 7.0 is not defined解决方案
- Target runtime Apache Tomcat 7.0 is not defined解决方案
- Firefox下“event is not defined”的解决方案
- NameError: name 'FileNotFoundError' is not defined的解决方案
- Java.Util.concurrent包学习
- oracle 12c 列式存储 ( In Memory 理论)
- 跨域资源共享 CORS 详解
- 如何通过ssh连接上云服务器(以腾讯云为例)
- 自己用户名下调用caffe报错,但是root用户下可以正常运行
- echarts is not defined解决方案
- 代码只是事业的 5%,程序员创业注意事项返回
- centos7下ssh登陆加固方案
- Python 小案例 随机点名
- 给文件重命名
- js中几种实用的跨域方法原理详解
- 数据库---排序检索数据
- Oracle当客户端与Oracle服务创建连接后
- 用python文件创建mininet拓扑