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

 找回密码
 立即注册
查看: 864|回复: 0

[求助] apexcharts-card显示电量,图表显示空白,麻烦帮看看代码错误

[复制链接]

10

主题

145

帖子

1621

积分

论坛技术达人

积分
1621
金钱
1471
HASS币
30
发表于 2023-5-7 23:52:36 | 显示全部楼层 |阅读模式
本帖最后由 hunl1986 于 2023-5-7 23:54 编辑

请问使用custom:apexcharts-card图表显示电量使用情况,0317100228518312-this_month_total_usage实体状态属性为格式为 YAML,内容为
state_class: total
this_month_by_day:
  - date: '2023-05-01'
    kwh: 3
  - date: '2023-05-02'
    kwh: 6.47
  - date: '2023-05-03'
    kwh: 15.9
  - date: '2023-05-04'
    kwh: 3.72
  - date: '2023-05-05'
    kwh: 3.22
  - date: '2023-05-06'
    kwh: 3.84
unit_of_measurement: kWh
device_class: energy
icon: mdi:lightning-bolt
friendly_name: 0317100228518312-this_month_total_usage

图表中代码为
type: 'custom:apexcharts-card'
graph_span: 24d
header:
  show: true
  title: Last Month Total Usage
series:
  - entity: sensor.0317100228518312_this_month_total_usage
    data_generator: |
      const data = []
      const values = entity.state['this_month_by_day']
      for (const i in values) {
        const date = new Date(values[i]['date']);
        const kwh = values[i]['kwh'];
        data.push([date, kwh]);
      }
      return [{
        name: 'Usage',
        data: data,
      }];
    type: column

请问有什么错误,图表中没有数据显示,空白一片,麻烦大家帮忙看看代码那里错了
屏幕截图 2023-05-07 234959.png

回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-11-24 19:08 , Processed in 0.152768 second(s), 25 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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