本文目录一览:
- 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