In Historie Diagramm exakte Zeit anzeigen?

Dashboards
1

Ist es möglich, im Diagramm oben, statt 3,4 oder 0,6 die exakte Zeit anzuzeigen? Also bei 0,6 soll 0h 39min stehen.

Ist das machbar?

2

Ja mit einer Umrechnung wird das sicherlich funktionieren. Teile mal dazu bitte deinen Code der Card? Ich denke es ist eine apex-chart-card? Da kann man mit dem Formatter so eine Umrechnung machen.

https://github.com/RomRider/apexcharts-card?tab=readme-ov-file#apex-charts-options-example

formatter: |
  EVAL: (val) => {
  const h = Math.floor(val);
  const m = Math.round((val - h) * 60);
  return `${h}h ${m}min`;
  }

Die Nachkommastelle muss dann in Minuten umgerechnet und die Stunden zuvor davon abgezogen werden. Dann sollte der korrekte Wert herauskommen.

3 
type: custom:apexcharts-card
apex_config:
  chart:
    height: 140%
  dataLabels:
    background:
      enabled: false
    style:
      colors:
        - var(--primary-text-color)
graph_span: 1w
span:
  end: day
header:
  show: true
  title: Betriebszeit von Noèls PC
experimental:
  color_threshold: true
yaxis:
  - id: left
    min: ~0
    apex_config:
      forceNiceScale: true
series:
  - entity: sensor.noels_rechner_betriebszeit
    type: column
    yaxis_id: left
    float_precision: 1
    show:
      datalabels: true
    group_by:
      func: last
      duration: 1d
    color_threshold:
      - color: grey
        value: 1
card_mod:
  class: top-level-chart

Wo genau muss der „formatter“ hin?

4

Hi, sorry musste arbeiten. Unter dataLabels soll der mit eingefügt werden.

type: custom:apexcharts-card
apex_config:
  chart:
    height: 140%
  dataLabels:
    enabled: true
    formatter: |
      EVAL: (val) => {
        const h = Math.floor(val);
        const m = Math.round((val - h) * 60);
        return `${h}h ${m}min`;
      }
    background:
      enabled: false
    style:
      colors:
        - var(--primary-text-color)
graph_span: 1w
span:
  end: day
header:
  show: true
  title: Betriebszeit von Noèls PC
experimental:
  color_threshold: true
yaxis:
  - id: left
    min: ~0
    apex_config:
      forceNiceScale: true
series:
  - entity: sensor.noels_rechner_betriebszeit
    type: column
    yaxis_id: left
    float_precision: 1
    show:
      datalabels: true
    group_by:
      func: last
      duration: 1d
    color_threshold:
      - color: grey
        value: 1
card_mod:
  class: top-level-chart
5

Vielen lieben Dank! Funktioniert!

1 „Gefällt mir“