本文目录一览：
- 1、JS怎么样使用呢？
- 2、ECharts3怎么加载china.js地图？
- 3、ECharts3 怎么加载 chinajs 地图
- 4、china.js 为什么只有南海的啊?
- 5、ECharts3 怎么加载 china.js 地图
JS怎么样使用呢？
来看看js代码的用法。
我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。
我们先来看第一种用法：在HTML页面中直接嵌入js代码
如果在HTML页面中直接嵌入JavaScript代码，我们需要使用 script 标签，script 和 /script 会告诉 JavaScript 在何处开始和结束。
script 和 /script 之间的代码行包含了 JavaScript：
script
alert(“My First JavaScript”);
/script
在HTML页面的任何位置（head部分 body部分 body的后面 较好）都可以插入script标签。
你有可能会在 script 标签中看到使用 type=”text/javascript”，但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。
我们来看一个具体的示例
!DOCTYPE html
html
head
/head
body
script
document.write(“h1This is a heading/h1”);
document.write(“pThis is a paragraph/p”);
/script
/body
/html
上述代码就是在在HTML页面中直接嵌入js代码。
接着我们来看看js代码的第二种用法：通过链接外部的JavaScript文件。
有时JavaScript代码过多的话，我们可以将代码单独放在JavaScript文件中然后链接起来。
我们链接外部JavaScript文件可以有以下步骤
1、首先我们建立一个JavaScript文件，扩展名是.js
2、然后将要编写的js代码写到Js文件中，并保存文件。
3、使用script标签将JavaScript文件链接到HTML文件中
script type=”text/javascript” src=”JavaScript文件名和路径”/script
需要注意一点的是，在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。
我们来看一个具体的示例
我们先建一个js文件sample.js
然后写入js代码
document.write(“pThis is a paragraph/p”);
最后使用script标签将JavaScript文件链接到HTML文件中
!DOCTYPE html
html
head
/head
body
script type=”text/javascript” src=”sample.js”/script
/body
/html
以上就是js代码使用的两种方法
ECharts3怎么加载china.js地图？
echarts3加载map的方式和2不一样了，你必须得先注册地图才行，
“`js$.getJSON(‘./china.json’, function (data) { echarts.registerMap(‘china’
, data); var chart = echarts.init(document.getElementById(‘map’)); chart.setOp
tion({ series: [{ type: ‘map’, map: ‘china’ }] }); });“`
类似这样,你需要下载中国的地理矢量数据geojson
echarts3与echarts2区别：
1、js文件：
首先是js文件，echarts3做了很大的优化，在echarts2中，对各种控件的类库管理的较为详
细，有专门的目录结构来存放相关的js文件及相关资源，但是在引入文件的时候往往会很不
方便，可能会一不小心就漏掉一个文件，而echarts3可以根据需要在下载项下直接根据所需
的功能构架类库，使用时只要导入一个echarts.min.js文件就可以；
2、文件导入：
在echarts2中，require是作为模块化加载的入口，在使用过程中关于路径配置经常会出现
问题，特别是制作地图的时候，而在echarts3中只需要在开头加一句[html] view plain copy
script src=”js/echarts.js”/script 接下去只要调用接口就可以了；
3、离线地图：
echarts2中离线地图的精确度存在很大的问题，特别是下钻到区县一级，边界线存在
模糊、交叉、空白等问题，并且经常出现飞地，与实际地图出入较大，个人认为基本没
什么用，在echarts3中对此做了很大的改进，基本解决了以上问题，市与市之间、区县
与区县之间基本上不存在衔接问题；另外，在echarts3中可以根据需要自主构建地图，
这个服务给实际使用提供了很大的便利；
4、工具栏：
在echarts3的toolbox里面把辅助线功能取消掉了，图标变小了，总体上感觉echarts3
里面的toolbox更丑了；
5、地图漫游工具：
在echarts3里面把地图漫游工具取消掉了，说实话，echarts2里面的地图漫游工具看着
还是挺不错的，虽然并没有什么用；
6、坐标系:
echarts3中，数据结构进行了统一化抽象，最常用的数据结构有：线性表、树、图。例
如，线性表以及树、图的节点列表的结构可以归一化为这样的二维数组；echarts3中另
一个重要的数据结构抽象是独立出了“坐标系”概念；事实上在 ECharts2 中已经有
grid、polar配置项存在，但是并不是按一个“坐标系”的理解去实现的；echarts3中，
支持了直角坐标系（catesian，兼容 echarts2中的grid）、极坐标系（polar）、地理
坐标系（geo）；
7、Option变动：
1）组件位置想x、y等变成了left、top,可以使用像素和百分比，适应性更强。
2）为了让结构更合理，echarts3中label被移出来和itemStyle平级。
根据官方说法，在echarts3中以前的用法也是兼容的，只是不推荐。
参考资料
echarts3与echarts2区别.CSDN[引用时间2018-1-22]
ECharts3 怎么加载 chinajs 地图
1、使用echarts之前先要引入echartsjs，js可以到官网下载 2、写一个div容器用来装echarts内容，这个容器必须有高度，不然看不到内容。 3、在script中获取div容器的id，根据需要写option中的参数（也许你现在还不知道option是干嘛用的，不要着急ECharts3 怎么加载 chinajs 地图
china.js 为什么只有南海的啊?
如果使用的是IE浏览器，打开internet选项，主页设置，把网址复制进去，点击应用保存即可，若是使用360浏览器等，点击工具，主页设置，粘贴好网址，保存，保存好之后最好使用360安全卫士锁定主页！
ECharts3 怎么加载 china.js 地图
script src=”echarts.js”/script
script src=”map/js/china.js”/script
script
var chart = echarts.init(document.getElementById(‘main’));
chart.setOption({
series: [{
type: ‘map’,
map: ‘china’
}]
});
/script
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/156797.html
微信扫一扫 
支付宝扫一扫 