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,开始用了类似下图的形式

中途不知道为何proxyTable失效了,
最后本地配了proxyTable+nginx,请求url的形式是
'/api/tjsj/tjbz/tjyqhdmhcxhfdm/2016/index.html'

nginx配置文件

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代码如下

6.最后树形图如下,数字是城市code,因为name不知道为何乱码了。

网友评论