Excel 数据地图的新做法

浏览: 1654

Excel 数据地图的新做法,我给你先上效果图

image.png

看绿色那块,地图是可以交互的哦

JavaScript中有一个叫Highmaps.js (属于HighCharts.js) 的一个库,这个库中就自带了很多数据地图的模板,从世界地图到包括中国地图在内的各国地图都有。画起来也很方便。

image.png

咦,不是Excel么怎么讲起来JavaScript了。咳咳,其实我没有跑题。因为有一个叫Excel上面的应用插件,叫Funfun, 这个插件的核心功能是能让你在Excel里面直接编写和运行JavaScript代码,并且JavaScrip代码可以直接调用存在sheet当中的数据,也省去了在JavaScript中读取Excel文件的麻烦。就像是我一开始放的那张图那样。那开头的那个图的例子中,我就是再Excel里面调用了Highmaps.js这个库。当然不仅局限于Highmaps这一个库,实际上你用JavaScript能干的事情,现在在Excel里面都能干!(主要针对数据分析和数据可视化) 而且你画出来的这些图表和地图也都是可交互并且带有动画效果的。下面再给一个大家一个在Excel里面用D3.js画美国数据地图的例子。

image.png

此外,Funfun除了Excel插件之外,还有一个在线的编译器,有点像搞前端的孩子喜欢的playground。长下图这个样子。我把中国地图那个例子放出来了,你可以戳下面这个链接进去玩玩

Funfunwww.funfun.io

image.png

在这个在线编译器中,也有一个类似Excel的sheet,你可以把你的数据复制进去,然后在旁边测试你的JavaScript代码和结果,比较直观。如果你在这个在线编译器中测试的差不多了,可以直接用浏览器上面显示的链接把数据和代码一键导入到Excel里面去。很简单,就下面几个步骤:

1,在Excel的 插入 - 我的加载项 - 应用商店 中搜索Funfun插件,并下载添加或者也可以用下面这个链接登陆你的office账号添加https://www.funfun.io/1/msaddin,

2,打开Funfun插件,点击Code,然后在Funfun下拉栏里面点 Funfun from URL

image.png

3.   在弹出的界面中把Funfun在线编译器的地址复制进去,你可以用我上面给的那个例子做测试

image.png

4.    duang,代码和数据都导入进来了,按一下左上角的run就可以把图在Excel里面画出来了

image.png

什么,不会JavaScript?可以复制demo的代码呀 

image.png

推荐 0
本文由 EasyCharts 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

0 个评论

要回复文章请先登录注册