美文网首页
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