找回密码
 立即注册

QQ登录

只需一步,快速开始

Tracy.Liu 讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2018-9-3 17:56  /   查看:6266  /  回复:0
本帖最后由 Tracy.Liu 于 2018-9-5 09:32 编辑

Echarts时当下十分热门的一个前端数据可视化工具,支持地图图表的展示。

老规矩,我们先来瞅一眼效果~
    echarts地图.gif

首先显示整个中国地图,用户可以根据需要选择自己想要查看的省份,点击后跳转至对应省份的地图。另外下方表格也会根据选择的省份而变化。
怎么样,效果不错吧~工程文件在文末,大家需要可以下载~

工程文件中只做了四川和陕西的效果,小伙伴想再添加别的怎么办呢?下面就跟着我来一步一步再加一个北京的效果~
1.在网上下载beijing.js文件,并在文件-设置-自定义javascript中上传。

    image.png448653869.png

2.然后编辑在页面加载时命令中的js代码。
   1)找到代码中“/*四川开始*/”“/*四川结束*/”复制之间的代码,在文件最后粘贴。
    20180903175918.png

   2)更改粘贴的代码中红框部分为“北京”。
    image.png218586424.png

3.完成,运行看效果~(记得ctrl+s js文件哈!)
    echarts北京.gif.gif


工程文件 福利demo-echart地图.fgcc (1.67 MB, 下载次数: 735)


评分

参与人数 2满意度 +10 收起 理由
Tan4399 + 5 下载链接呢?
darwindeng + 5 很给力!

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部