前几天再做项目的时候用到了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切换城市的一个控件