js,jsecharts介绍制作地图的问题

前几天再做项目的时候用到了jsecharts介紹的map显示由于官网上的例子有限,我要在例子上进行扩展很是搞了一番功夫。话不多说了看例子:

现在看看怎么在jsp里面使用:

模块囮单文件引入:这是百度推荐使用的。个人认为不咋好用因为这要支持require。

标签式单文件引入:这个跟我们引入普通的js是一样的下面的講解主要是以这个方式为主。

自1.3.5开始jsecharts介绍提供标签式引入。如果你的项目本身并不是基于模块化开发的或者是基于CMD规范(如使用的是seajs),那么引入基于AMD模块化的jsecharts介绍可能并不方便我们建议你采用srcipt标签式引入,忘掉requireSrcipt标签引入jsecharts介绍后将可以直接使用两个全局的命名空间:jsecharts介绍,zrender可参考,需要注意的是excanvas依赖body标签插入Canvas节点去判断Canvas的支持如果你把引用jsecharts介绍的script标签放置head内在IE8-的浏览器中会出现报错,解决的办法就是把标签移动到body内(后)

可以直接引入的单文件如下:

下面这个例子是显示iPhone在中国的销量:


 下面在看一个通过全国地图找到地级市嘚例子,这个例子官网上也有只不过我做了改进,可以选择地级市

//选择地级市的单击事件


 特别注意:jsecharts介绍地图显示对于html的编码还是jsp的編码只支持utf-8,否则地图会变形出现乱码

附件是对应的html显示地图的例子,以及jQuery切换城市的一个控件

}

我要回帖

更多关于 echarts 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信