美文网首页
Vue爬取统计局数据+存成csv+绘制echarts3.0树形图

Vue爬取统计局数据+存成csv+绘制echarts3.0树形图

作者: 进击的小年轻 | 来源:发表于2019-07-24 20:36 被阅读0次

1.获取数据和生成csv参考了文章https://www.cnblogs.com/xiangyuecn/p/8366101.html
2.echarts3树形图生成参考文章https://blog.csdn.net/qq_40594137/article/details/80263015
3.统计局数据html地址:http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2016/
其实就是通过vue-resource把整个html下载过来,然后进行正则匹配,调整数据结构,
4.本地跨域了,用了proxyTable,开始用了类似下图的形式

image.png
中途不知道为何proxyTable失效了,
最后本地配了proxyTable+nginx,请求url的形式是
'/api/tjsj/tjbz/tjyqhdmhcxhfdm/2016/index.html'
image.png
nginx配置文件
image.png
4.1 nginx配置方法(不清楚是否需要修改/etc/hosts,因为一开始hosts里已配置vue.local)
brew install nginx
配置修改
vim /usr/local/etc/nginx/nginx.conf
或者
cd /usr/local/etc/nginx/servers
sudo nginx -t检查正确性,无误后sudo nginx -s reload。
5.保存csv代码如下
image.png
6.最后树形图如下,数字是城市code,因为name不知道为何乱码了。
image.png

相关文章

网友评论

      本文标题:Vue爬取统计局数据+存成csv+绘制echarts3.0树形图

      本文链接:https://www.haomeiwen.com/subject/wqubhctx.html