关于mini-graph-card的使用问题

comeon_000

mini-graph-card只能显示日耗电量的柱形图，没办法显示月耗电量的柱形图，大家有解决办法吗
HA已经有按月统计的耗电量实例了，按道理mini-graph-card只要能按月显示就可以，可是研究它的使用方法，好像没有按月显示的能力

neroxps

我仔细研究过，有大佬用 InfluxDB 来做数据后端，用 Grafana 来统计月，但好像很复杂，也没我想要的。

后来我就自己在 node-red 那边写了个月统计接口，推送给 HA

使用 custom:apexcharts-card 卡片显示出来，这个卡片支持内嵌 JavaScript ，允许你使用 JavaScript 语法去处理数据，甚至可以在 JavaScript 嵌套查询语句，调用前端的 ha 数据库查询功能，我为了节省前端资源，加快 lovelace 加载，没做在前端，直接搞了一个 sensor 专门在属性里面存月用电量总数。最终使用 custom:apexcharts-card 卡片展示。



Node-red 配置（记得修改查询12个月电费数据，数据库语句‘sensor.ddsd720_l_total_cost’改成你自己的传感器 ID），我这里使用 mariadb 提供数据库，所以使用 mysql 语句查询每个月最后一天的电费，‘sensor.ddsd720_l_total_cost’会每月重置，所以我只需要找出每月最后一天最后一个电费数据即可。有点粗糙，我自己够用。

[{"id":"dc70049.c7886f8","type":"change","z":"ab22dd27.5356f","name":"查询12个月电费数据","rules":[{"t":"set","p":"topic","pt":"msg","to":"SELECT DATE_FORMAT(last_updated, '%Y-%m') months, MAX(state+0) FROM (SELECT * FROM states WHERE entity_id='sensor.ddsd720_l_total_cost' AND DATE_FORMAT(last_updated, "%H") = 15) a GROUP BY DATE_FORMAT(last_updated, '%Y-%m');","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":280,"y":1640,"wires":[["92be10.53cda1f"]]},{"id":"92be10.53cda1f","type":"mysql","z":"ab22dd27.5356f","mydb":"f1a53946.8f9908","name":"","x":470,"y":1640,"wires":[["1b79c901.821db7"]]},{"id":"1b79c901.821db7","type":"function","z":"ab22dd27.5356f","name":"字段翻译","func":"// 日期格式化 Function \nDate.prototype.Format = function (fmt) {\n  var o = {\n    "y+": this.getFullYear(),\n    "M+": this.getMonth() + 1,                 //月份\n    "d+": this.getDate(),                    //日\n    "h+": this.getHours(),                   //小时\n    "m+": this.getMinutes(),                 //分\n    "s+": this.getSeconds(),                 //秒\n    "q+": Math.floor((this.getMonth() + 3) / 3), //季度\n    "S+": this.getMilliseconds()             //毫秒\n  };\n  for (var k in o) {\n    if (new RegExp("(" + k + ")").test(fmt)){\n      if(k == "y+"){\n        fmt = fmt.replace(RegExp.$1, ("" + o[k]).substr(4 - RegExp.$1.length));\n      }\n      else if(k=="S+"){\n        var lens = RegExp.$1.length;\n        lens = lens==1?3:lens;\n        fmt = fmt.replace(RegExp.$1, ("00" + o[k]).substr(("" + o[k]).length - 1,lens));\n      }\n      else{\n        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));\n      }\n    }\n  }\n  return fmt;\n}\n\nvar arr=msg.payload\nvar time=[]\nvar states=[]\nfor (var i in arr){\n    var date=new Date(Date.parse(arr[i].months))\n    time.push(date.getTime())\n    states.push(arr[i]['MAX(state+0)'])\n}\nmsg.payload={\n    "attributes":{"time":time,"states":states},\n    "status":"ok"\n}\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":620,"y":1640,"wires":[["5d68f0b7.91c6b"]]},{"id":"db027ecb.9ee06","type":"http in","z":"ab22dd27.5356f","name":"获取12个月电费","url":"/get_12m_cost","method":"get","upload":false,"swaggerDoc":"","x":80,"y":1640,"wires":[["dc70049.c7886f8"]]},{"id":"5d68f0b7.91c6b","type":"http response","z":"ab22dd27.5356f","name":"","statusCode":"200","headers":{},"x":800,"y":1640,"wires":[]},{"id":"f1a53946.8f9908","type":"MySQLdatabase","name":"HASS","host":"core-mariadb","port":"3306","db":"homeassistant","tz":"UTC"}]

复制代码

HomeAssistant 配置

sensor:
  - platform: rest
    name: "ddsd720_l_12m_cost"
    resource: !secret ddsd720_l_12m_cost_url # 这里是 node-red 的URL，例如：http://HaUser@HaPassword:192.168.1.2/endpoint/get_12m_cost
    unit_of_measurement: '元'
    value_template: >-
          {% if value_json.status == 'ok' %}
            有效
          {% else %}
            无效
          {% endif %}
    scan_interval: 600 #十分钟一次
    timeout: 20
    json_attributes:
      - attributes

复制代码

Lovelace 配置

type: custom:apexcharts-card
header:
  show: true
  title: 近12个月电费
  colorize_states: true
graph_span: 340d
series:
  - entity: sensor.ddsd720_l_12m_cost
    type: column
    show:
      as_duration: month
      datalabels: true
    data_generator: |
      return entity.attributes.attributes.time.map((peak, index) => {
       return [new Date(peak).getTime(), entity.attributes.attributes.states[index]];
      });

复制代码

comeon_000

neroxps 发表于 2021-8-9 08:56
我仔细研究过，有大佬用 InfluxDB 来做数据后端，用 Grafana 来统计月，但好像很复杂，也没我想要的。

后 ...

感谢N大细心指导，受教了！

fung1006

只能顯示過往30天

yinghu183

neroxps 发表于 2021-8-9 08:56
我仔细研究过，有大佬用 InfluxDB 来做数据后端，用 Grafana 来统计月，但好像很复杂，也没我想要的。

后 ...

大佬能麻烦把这一楼的flow发个json文件吗，复制导入有语法错误，我想要学习下怎么把日期和金额数据导入到HA中，像你贴图中的那样的sensor格式

neroxps

yinghu183 发表于 2022-6-6 19:50
大佬能麻烦把这一楼的flow发个json文件吗，复制导入有语法错误，我想要学习下怎么把日期和金额数据导入到 ...

flows.zip (2.24 KB, 下载次数: 3)

2022-6-7 08:57 上传

点击文件名下载附件

yinghu183

neroxps 发表于 2022-6-7 08:57

感谢大佬，困扰我大半年的问题终于解决了

arthurfsy

neroxps 发表于 2021-8-9 08:56
我仔细研究过，有大佬用 InfluxDB 来做数据后端，用 Grafana 来统计月，但好像很复杂，也没我想要的。

后 ...

请教大佬，我的实体属性（名字叫everydaylisted），里面的数组形式是日期、对应数值的数组，请问这样需要怎么改下面的data_generator代码？

data_generator: |
      return entity.attributes.attributes.time.map((peak, index) => {
       return [new Date(peak).getTime(), entity.attributes.attributes.states[index]];
      });

复制代码

everydaylisted:
- date: '2022-09-01'
  power: '36.03'
- date: '2022-09-02'
  power: '24.57'
- date: '2022-09-03'
  power: '30.88'
- date: '2022-09-04'
  power: '32.9'
- date: '2022-09-05'
  power: '64.2'
- date: '2022-09-06'
  power: '42.6'

fdsuf

这个可以有，