学习仿今日头条疫情地图+用户画像（echarts）

Echarts Chartjs

最近由于公司图表展现需求较多，所以学习整理下相关资料。

前端图表框架也比较多，这里介绍两款。

Apache Echarts
Chartjs

Apache Echarts 涵盖各行业图表，满足各种需求，功能相当丰富。而后起之秀chartjs以其简单灵活特性，也深得开发设计人员喜爱。

https://echarts.apache.org （Echarts）

https://www.chartjs.org (Charts)

两者都是开源项目，托管在Github

https://github.com/apache/incubator-echarts

https://github.com/chartjs/Chart.js

两者社区活跃简单对比

看上去Chartjs似乎更活跃。

疫情地图

使用echarts map 来实现。

npm install echarts --save

导入地图数据

ECharts 中提供了Javascript和Json两种格式的地图数据

从Github项目文件下载 https://github.com/apache/incubator-echarts/tree/master/map

从阿里提供地址下载 http://datav.aliyun.com/tools/atlas/#

百度网盘链接: https://pan.baidu.com/s/1fHfW-qft_M58o2eQglwelw 提取码: 6fu5

项目代码片段

echarts.registerMap("china", chinaMap);series: [{name: '确诊数',type: 'map',mapType: 'china',roam: false,label: {show: true,color: 'rgb(63, 63, 63)'},data: actualData}]

配置 visualMap

对照配置文档调整相应的参数即可，也很简单。

https://echarts.apache.org/zh/option.html#series-map

疫情数据来源《腾讯新闻》

用户画像

仿照今日头条简版粉丝画像图。

IP来源查询

小结

该篇主要是对Echarts map 整理。欢迎分享和学习交流。

项目地址

https://github.com/cuteJ/shop-server (后端)

https://github.com/cuteJ/shop-web-mgt （前端）

项目演示地址

http://shop-web-mgt.onlythinking.com

学习仿今日头条疫情地图+用户画像（echarts）相关推荐

android 横向滚动导航,仿今日头条横向滚动导航栏--原生js
咳咳!先打一波小广告,在上一篇里忘记了,那啥--我的那个个人博客做好了-->(我的博客) 好嘞,言归正传,说说我们的效果. 其实就是实现横向滑动,进行选择. 原理: 鼠标按下,获取当前鼠标坐标, ...
转载 Android仿今日头条详情页实现
转载自@ice_Anson Android仿今日头条详情页实现源码地址: Android仿今日头条详情页实现 github源码地址动态图最近项目有个需求,需要实现一个和今日头条新闻详情页一样的体 ...
Android仿今日头条图片滑动退出效果
资源下载(2C币) 逛CSDN的时候,看到几篇写仿今日头条图片滑动退出效果的文章,闲着无聊便想着也给自己项目加上,实现的思路有很多种,本着就近原则选了一篇与自己思路相近的文章结合自己的实践总结一下. ...
仿今日头条后台管理系统（二）
仿今日头条后台管理系统(二) ###03-登录模块-分析表单组件  <!-- ref="form" 获取dom使用--& ...
Android 仿今日头条频道管理（下）（GridView之间Item的移动和拖拽）
前言上篇博客我们说到了今日头条频道管理的操作交互体验,我也介绍了2个GridView之间Item的相互移动.详情请參考:Android 仿今日头条频道管理(上)(GridView之间Item的移动和 ...
Android仿今日头条的开源项目
起因看到众多大神纷纷有了自己的开源项目,于是自己琢磨着也想做一个开源项目来学习下,因为每次无聊必刷的app就是今日头条,评论简直比内容都精彩,所以我打算仿今日头条来练练手,期间也曾放弃过,也遇到很多 ...
Android 仿今日头条的视频播放控件（几行代码快速实现）
前段时间由于项目需要用到类似于今日头条的视频播放器,实现在线播放,边缓存边播放,当然也可以播放本地文件,如下图: 这里我推荐大家使用的是jiecaovideoplayer开源库,这个库的播放引擎是ij ...
微信小程序-仿今日头条客户端
该仿今日头条的文章系列如下: 微信小程序-仿今日头条客户端微信小程序开发-仿今日头条(二) 转载请标明:https://blog.csdn.net/yangjianbo456/article/det ...
vue仿今日头条_Vue仿今日头条实例详解
前言 vue也弄了一段时间了,前段时间一直想用vue写个移动端,加之年底也不是很忙,于是前几天便着手开始弄了,到今天为止也算是勉强能看了因为也是纯粹的写写前端页面,所以数据方面用的是mock.js, ...