使用Node-RED爬虫并基于ECharts可视化某楼盘的销售情况

项目以Node-RED为框架,通过HTTP请求官方的网签数据,通过cheerio解析HTML数据,保存到CSV文件中,最后使用ECharts显示出来。(至于为什么不用官方的Dashboard,只能说还是ECharts效果更丰富,API更有好)。

这个项目经过改造可以用来监控任何网页的数据,例如,家中用电量、用水量等等,全看自己折腾了。
效果图

流程

总体流程
主要流程

  1. 注入节点触发整个流程(间隔1小时,请求太频繁了也不好,容易被封,其次也没必要)
  2. 向对应的连接发起GET请求,获取HTML数据
  3. 使用CherrIO解析HTML数据,此处主要通过Selector进行定位
  4. 将解析出的数据保存到本地的CSV文件中,以便查看历史数据
  5. 保存完成后使用ECharts对数据进行渲染,绘制出折线图

当打开Dashboard时,由于没有执行对应的JavaScript,会导致图表没有渲染。
该问题可以通过UI Control监听Change事件,当打开新的页面后,会产生Change事件,此时渲染图表就可以正确显示。

下面对几个稍微有点困难的节点具体展开

解析H

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值