请选择 进入手机版 | 继续访问电脑版

『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 6744|回复: 92

[进阶教程] 【填坑】完美展示体重变化曲线

  [复制链接]

38

主题

2035

帖子

7571

积分

元老级技术达人

积分
7571
金钱
5521
HASS币
110
发表于 2022-12-2 16:06:56 | 显示全部楼层 |阅读模式
前情提要:https://bbs.hassbian.com/thread-13874-1-1.html

在21年8月23号我发的帖子中,我希望找到一种卡片展示体重,具备如下特点:
1、横坐标时间轴可以自定义数据源(custom:mini-graph-card之类的卡片只能读取sensor在HA中的history,而我为了避免数据库爆炸,history只保存了7天数据,体重这种很可能展示的是近几个月的变化曲线才有意义)
2、最好能读取文件,其实就是自建数据库,数据库中包含采集时间和体重值
其实说白了就是人家原版app上的那种功能
下边也有大佬给出建议,比如使用Influxdb、Grafana,创建template sensor等等
但是都有缺点

几经寻找,找到了这么个神器:
custom:apexcharts-card
https://github.com/RomRider/apexcharts-card
这货可配置项异常多!!!
我这不废话了,直接上配置,需要的小伙伴自己再进一步研究
先上效果~
录制_2022_12_02_15_25_52_103.gif
1、硬件
斐讯S7体脂称,刷了@a2633063  Zip Zhang大佬的zs7固件:https://github.com/a2633063/zS7
没有了体脂数据,只有体重(对我来说足够),mqtt协议
需要的伙伴自己搜一下,别忘了给大佬来个star
PS:小米体脂称只要接入HA的应该都可以,但是数据处理要对照改改

2、数据获取及处理
NR里mqtt获取数据,根据创建的input_select把体重值保存到不同人名下
1.png

这里注意的是zs7固件上报的消息中虽然有采集时间,但是偶尔时间会上报为0,为了避免有数据无时间的情况,这里时间我在NR里再生成了一次
然后保存为csv格式的文件,列A是zs7固件上报的采集时间,列B为人员名字,列C是NR里生成的时间≈采集时间,列D是采集值,保留2位小数(足够)
这个列C和列D是我们有用的数据
2.png


3、创建sensor
列C和列D作为属性,保存在sensor中,以便apexcharts-card调用
效果:
3.png

4、创建卡片
卡片可配置项太多了,直接上代码
加了必要的注释
type: vertical-stack #两卡合一
cards:
  - type: entities
    entities:
      - entity: input_select.whose_weight
  - type: custom:apexcharts-card
    experimental: #实验室功能
      brush: true #下面那个总览功能开启
    header: #这个配置了图表最上方要不要显示当前值
      show: true
      show_states: true
      colorize_states: true
    all_series_config: #配置线条粗细,太粗了变化曲线就不明显了
      stroke_width: 3
    graph_span: 365d #下面那个总览功能要显示的长度,我这里设置的是1年
    now:
      show: true  #显示当前时间(虚线),对于我们这个图表,这条虚线始终在最右侧
    brush:
      selection_span: 30d #默认选30天的数据做展示
    series: #要展示的数据,这里用到了data_generator,很强大,字面意思数据是被这个东西“造”出来的
      - entity: sensor.weightmaomao_history
        float_precision: 2  #保留两位小数
        curve: straight
        data_generator: |
          return entity.attributes.mesure.map((entry) => {
            return [new Date(entry.C), entry.D];
          });
        show: #配合brush选项
          in_brush: true
          in_chart: true
      - entity: sensor.weightyaya_history
        float_precision: 2
        curve: straight
        data_generator: |
          return entity.attributes.mesure.map((entry) => {
            return [new Date(entry.C), entry.D];
          });
        show:
          in_brush: true
          in_chart: true



最后把NR放上来,供大家参考 flows (3).zip (2.71 KB, 下载次数: 72)

游客,如果您要查看本帖隐藏内容请回复

评分

参与人数 6金钱 +70 HASS币 +10 收起 理由
gzroc + 10 墙都不扶,就服楼主!
隔壁的王叔叔 + 10 论坛有你更精彩!
lqf1206 + 8 都齐了,就差你的教程了
+ 20 + 10 高手,这是高手!
咸味土豆 + 12 我来瀚思就为看你!
dscao + 10 感谢楼主分享!

查看全部评分

回复

使用道具 举报

17

主题

752

帖子

5208

积分

论坛元老

Rank: 8Rank: 8

积分
5208
金钱
4451
HASS币
0
发表于 2022-12-2 16:11:57 | 显示全部楼层
大佬就是不一样~
回复

使用道具 举报

44

主题

627

帖子

3504

积分

论坛元老

Rank: 8Rank: 8

积分
3504
金钱
2877
HASS币
0
发表于 2022-12-2 17:32:03 来自手机 | 显示全部楼层
大佬给力,这个好
回复

使用道具 举报

1

主题

77

帖子

359

积分

中级会员

Rank: 3Rank: 3

积分
359
金钱
282
HASS币
0
发表于 2022-12-3 20:07:05 | 显示全部楼层
让 江小白 来看看帖子里藏了啥好东西~~~
回复

使用道具 举报

0

主题

35

帖子

226

积分

中级会员

Rank: 3Rank: 3

积分
226
金钱
191
HASS币
0
发表于 2022-12-3 23:29:00 | 显示全部楼层
牛逼啊,羡慕大佬们
回复

使用道具 举报

0

主题

557

帖子

2145

积分

金牌会员

Rank: 6Rank: 6

积分
2145
金钱
1588
HASS币
0
发表于 2022-12-4 01:17:37 | 显示全部楼层
给力,准备入和斐讯s7
回复

使用道具 举报

13

主题

181

帖子

2403

积分

金牌会员

Rank: 6Rank: 6

积分
2403
金钱
2222
HASS币
0
发表于 2022-12-6 00:10:53 | 显示全部楼层
提示导入了无法识别的类型,大神帮忙小白看下
微信图片_20221206000925.jpg
回复

使用道具 举报

38

主题

2035

帖子

7571

积分

元老级技术达人

积分
7571
金钱
5521
HASS币
110
 楼主| 发表于 2022-12-6 08:39:10 | 显示全部楼层
fz雪之汐若 发表于 2022-12-6 00:10
提示导入了无法识别的类型,大神帮忙小白看下

node-red-contrib-spreadsheet-in
回复

使用道具 举报

1

主题

48

帖子

390

积分

中级会员

Rank: 3Rank: 3

积分
390
金钱
342
HASS币
10
发表于 2022-12-6 13:27:05 | 显示全部楼层
感谢大佬的分享,很有用
回复

使用道具 举报

13

主题

181

帖子

2403

积分

金牌会员

Rank: 6Rank: 6

积分
2403
金钱
2222
HASS币
0
发表于 2022-12-6 22:14:18 | 显示全部楼层
创建体重报错,大神再帮忙看下
微信截图_20221206220927.png
微信截图_20221206220952.png
微信图片_20221206221106.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-3-29 16:50 , Processed in 0.278336 second(s), 35 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表