赞
踩
在使用Echarts之前,我一直用的是R的ggplot或者Tableau。但后来发现一个问题缺少简易实现交互式的动态图。虽然R有shiny包,但是如果在线分享成果的话,还是不太方便。除了使用shiny官方服务器,其他貌似也比较复杂。而且Tableau的分享更是要借助官方服务器,而且慢的可怕。对于想要发个链接就能把自己的成果分享出去的同学,可能不是一件容易的事情。直到我遇到了Echarts。所以我们就来一起先学习Echarts 。
首先大家得去了解一点js的知识,这个不难。我就不贴学习链接了。然后官方有帮助文档,这个就要具体看看了,介绍了所有的函数使用方法。大家可能就要问了,这些都有那我还在这里说啥。我在这里主要是把文档里没有说的,还有各种博客都没有提到的,但往往又是很重要的东西给大家说一下。别问我为啥知道的,都是泪。建议在看下面内容时把上面的两点做到再看,不然你不会看懂我在这里说啥的。
(1)、加载哪些js 文件,这可能是大多数刚刚接触的同学第一个障碍。在官方给的下载文件里面只需找到echarts.js and jquery.js。在这里加载即可:
(2)、灵活运用实例。在官方文档里面有大量的实例,并且附上了代码。大家可以找到想要的实例样子再改写代码就ok了。
(3)、想要用Echarts绝大多数同学是因为强大的地图功能。下面我为大家说几点我遇到的问题。第一个就是读取地图,可以在官网上专门有各种地图的下载链接。我建议大家尽量用js的而不是用json。因为可能会有bug在不同的浏览器上,而且js加载简单,直接src=即可。再使用geo函数就大功告成。第二个问题,如果你想要市级或者县级的地图也不要紧。可以在Echarts2.0里面有地图下载工具。这个有个小技巧,因为下载的地图只能是json,不能直接引用。可以先打开一个下载过的js地图,然后下载需要的json地图。记得下载时勾选压缩。接下来只需将json中的地图数据复制到js相应位置,如图:
将圆括号中的替换了就可以。还有一点就是有时候可能需要修改地图,也就是地图有些地方是多余的想要删除,只用在地图文件中试着删去相应部分即可,技巧在截图注释中。其他的就在实例中活学活用就可以啦。下面贴两张我做的地图。因为是动图,也没时间弄服务器。可能过两天会用公司服务器分享出来,在这里就截图给大家看看了。第一次写文章,还有很多地方不足,很感谢大家看完。
文章来自:数据人
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。