大数跨境

DataMap「素材」功能,是时候来一波真正的操作了

DataMap「素材」功能,是时候来一波真正的操作了 脉策科技
2019-01-04
1
导读:祝大家2019心想事成,学会更多的DataMap技能~

今天是2019年第一次与大家见面,新年快乐!祝大家在新的一年里心想事成,学会更多的DataMap技能。


今天咱们要学习的是DataMap里一个神秘的模块——「素材」模块。使用这个模块,可以从外部上传或在线制作多种类型的素材文件,包括静态图片、动态图片、PDF、视频、Echarts图表等,还可以添加外部网站链接。



在该模块的“添加素材”对话框里,分别点击以下三个部分,就可以上传媒体文件、制作Echarts图表、添加网站链接


                           

具体操作如下:

上传媒体文件

可上传PDF、JPG、JPEG、GIF、PNG、MP4等多种类型的文件,这些文件上传后都可以在工作台中展示。对上传后的多媒体文件,也可以进行全屏展示,重命名,替换和删除操作。

 

 

制作Echarts图表

DataMap支持内嵌Echarts脚本,可以生成更多样式的图表。点击“ECHARTS”的浅色logo,进入到编辑页面,可在右侧看到一些制作Echarts的注意事项,如下图。


 

一般来说,在Echarts的素材库中找到合适的图表是最方便快捷的方法,网址为:http://gallery.echartsjs.com。选择合适的Echarts图表,点击进入编辑页面。下面以Echarts素材库中的“朴姓人口迁徙图”为例(http://gallery.echartsjs.com/editor.html?c=xHJr-qVeWl)进行操作说明。


 

可以看到该图表使用了一个外部的脚本链接,但此处显示的脚本链接是不完整的,需要补充为:http://gallery.echartsjs.com/dep/echarts/map/js/china.js,红字部分为补充内容。如果外部脚本本身就是以http开头的完整外部链接,则不需要补充。将脚本链接添加至素材库中,如下图所示。



以上是外部脚本的添加,若需添加本地脚本,点击上传本地脚本即可。上传过的脚本均有记录。


接下来将该图表的Echarts代码复制进Datamap中,如下图所示。


 

当把外部脚本添加进来,并将代码复制过来后,可以看到右侧出现了与Echarts完全一样的地理流向图,仔细观察代码可以发现该样例中使用的数据是直接写在代码中的,而没有上传数据并生成数据url,因此地图可以直接呈现出来。


添加网站链接

在“添加网站链接”部分输入标题和网页链接后,点击添加,即可在素材库中看到网页的主页面,以下为添加的网站样例。




——————————————————————


以上就是今天的全部干货

请多多给小编留言提建议哦

笔芯


【声明】内容源于网络
0
0
脉策科技
我们是致力于大数据和人工智能领域的科技公司,为政府和大型企业提供数据平台、数据研究、人工智能、算法服务及系统解决方案。
内容 132
粉丝 0
脉策科技 上海脉策数据科技有限公司 我们是致力于大数据和人工智能领域的科技公司,为政府和大型企业提供数据平台、数据研究、人工智能、算法服务及系统解决方案。
总阅读43
粉丝0
内容132