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

 找回密码
 立即注册
楼主: cjnt007

[UI界面] 【分享中~~~】国家电网数据、图表展示研究

  [复制链接]

0

主题

21

帖子

221

积分

中级会员

Rank: 3Rank: 3

积分
221
金钱
200
HASS币
0
发表于 2024-7-5 10:21:05 | 显示全部楼层
请教下  sensor.dian_liang_tong_ji_energy
这个是通过什么创建的 sensor?
回复

使用道具 举报

2

主题

106

帖子

585

积分

高级会员

Rank: 4

积分
585
金钱
479
HASS币
0
发表于 2024-7-5 11:19:46 | 显示全部楼层
cjnt007 发表于 2024-7-3 15:10
各位,每日电量数据读取的研究今天有了新的重大进展,原来数据来源依靠的是从“日总用电”实体sensor.state ...

很不错,读配置文件,这下看到图表舒服多了,之前通过历史数据记录的,我历史数据只保存了3天,然后这个图表就只有几天的数据
回复

使用道具 举报

0

主题

17

帖子

135

积分

注册会员

Rank: 2

积分
135
金钱
118
HASS币
0
发表于 2024-7-5 13:06:13 | 显示全部楼层
UI界面好看!
回复

使用道具 举报

20

主题

483

帖子

3150

积分

论坛元老

Rank: 8Rank: 8

积分
3150
金钱
2667
HASS币
8
 楼主| 发表于 2024-7-5 14:20:44 | 显示全部楼层
uncleice 发表于 2024-7-5 10:21
请教下  sensor.dian_liang_tong_ji_energy
这个是通过什么创建的 sensor?

1楼帖子里有说明的,仔细看
回复

使用道具 举报

4

主题

51

帖子

272

积分

中级会员

Rank: 3Rank: 3

积分
272
金钱
221
HASS币
0
发表于 2024-7-5 16:58:54 | 显示全部楼层
插眼插眼 本来还想用markdown自己写的
回复

使用道具 举报

20

主题

483

帖子

3150

积分

论坛元老

Rank: 8Rank: 8

积分
3150
金钱
2667
HASS币
8
 楼主| 发表于 2024-7-5 20:35:54 | 显示全部楼层
谢谢各位朋友捧场,我继续分享下每月电量、电费年视图展示成果
360截图20240705202103849.jpg

展示的数据依然来自state_grid.config文件,在powerUserList[x]下,monthBillList是月度账单,其中记录了每月的用电量、电费、所属月份,核算开始和结束日期等信息
360截图20240705203045589.jpg

把这些信息提取出来,添加到每月电量统计传感器中,就可以方便展示每月的电量、电费了
360截图20240705202155646.jpg

导出的流为红框标记的部分,大家导入后要和原有流程连接上
游客,如果您要查看本帖隐藏内容请回复


下面是图表卡片配置代码
type: custom:apexcharts-card
apex_config:
  chart:
    stacked: true
graph_span: 360d
span:
  end: year
show:
  loading: true
header:
  show: true
  show_states: true
  colorize_states: true
  title: 每月电量年视图
yaxis:
  - id: ll
    decimals: 0
    max: 350
  - id: rr
    opposite: true
    decimals: 0
    max: 200
series:
  - entity: sensor.mei_yue_dian_liang_tong_ji
    data_generator: |
      return entity.attributes.mon.map((m, index) => {
        return [new Date(m).getTime(), entity.attributes.kwh[index]];
      });
    name: 电量
    type: column
    color: '#fbbc05'
    yaxis_id: ll
  - entity: sensor.mei_yue_dian_liang_tong_ji
    data_generator: |
      return entity.attributes.mon.map((m, index) => {
        return [new Date(m).getTime(), entity.attributes.cost[index]];
      });
    name: 电费
    type: line
    extend_to: false
    unit: 元
    color: red
    yaxis_id: rr
回复

使用道具 举报

0

主题

3

帖子

62

积分

注册会员

Rank: 2

积分
62
金钱
59
HASS币
0
发表于 2024-7-6 02:21:07 | 显示全部楼层
占楼占楼占楼占楼占楼
回复

使用道具 举报

0

主题

30

帖子

372

积分

中级会员

Rank: 3Rank: 3

积分
372
金钱
342
HASS币
0
发表于 2024-7-6 08:10:04 | 显示全部楼层
感谢分享
回复

使用道具 举报

0

主题

81

帖子

1283

积分

金牌会员

Rank: 6Rank: 6

积分
1283
金钱
1202
HASS币
0
发表于 2024-7-6 22:23:05 | 显示全部楼层
本帖最后由 lucienyida 于 2024-7-6 22:24 编辑

1232.png 为什么我的不显示?
回复

使用道具 举报

20

主题

483

帖子

3150

积分

论坛元老

Rank: 8Rank: 8

积分
3150
金钱
2667
HASS币
8
 楼主| 发表于 2024-7-7 07:56:48 | 显示全部楼层
lucienyida 发表于 2024-7-6 22:23
为什么我的不显示?

我用的是深色背景、白色文字,你在白色背景上自然就看到不白色文字了
修改方法见18楼回复:
https://bbs.hassbian.com/forum.p ... id=25959&pid=613895
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-21 17:49 , Processed in 0.210534 second(s), 32 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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