当前位置:聪少自媒体网 > 今日头条 > 正文

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

2020-10-05 今日头条 聪少自媒体

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

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

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 来实现。

导入地图数据

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

项目代码片段

配置 visualMap

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

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

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

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

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

项目地址

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

https://github.com/cuteJ/shop-web-mgt (前端)

项目演示地址

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

聪少爱学堂聪少
聪少爱学堂创始人,梅州市鹏鑫网络科技有限公司CEO,09年开始踏入互联网,10年互联网行业经验,资深自媒体人,自媒体优秀导师,咪挺微商团对营销引流顾问,业务包含:精准引流技术/代引流精准粉,专业小红书,知乎,微博代运营。
  • 38988文章总数
  • 1491135访问次数
  • 建站天数
  • 合作伙伴