部门新下任务，大屏数据展示，安排我和另外一个同事共同开发，最终效果如下。

效果图

本次数据看板用到的前端技术有vue、echarts。本篇主要是对echarts技术栈资料的总结，echarts使用简单，在此不展开，有学习可以移步官网。

资料的总结

一、地图筛选器

ali出品，可以生成地图json，对应右上角地图注册

http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=4

二、github

（1）echarts

https://github.com/apache/incubator-echarts/blob/master/index.js

（2）水球图

对应左上角水球

https://github.com/ecomfe/echarts-liquidfill#api

三、echarts官网

https://www.echartsjs.com/examples/zh/index.html#chart-type-map

四、更多实例

https://gallery.echartsjs.com/explore.html?u=bd-4013131402&type=work#tags=liquidFill_sort=ranktimeframe=all~author=all