History graph shows climate state

Lazy.hu · November 2, 2020, 12:16pm

I’m very new on this page, so please apologies me, if I made mistake, and I posted my question on a wrong space.

If I put my climate entity on a history graph then it show when it was heating or idle (filling with purple) like this:

I would like to have the same behavior with different sensors, but I don’t know how to do it? I need to configure the sensor different way or the history graph?
Thanks in advanced

ErnestSt · January 17, 2022, 12:01pm

Have you figured this one out?

I want to have as well dry/fan only/auto modes in the chart but there is no info how to do it. I see the API data request have these modes, only UI is not displaying in the chart and not listing in legends

Lazy.hu · January 26, 2022, 8:53pm

No, unfortunatelly not, but I am still intrested how to do it.

nareddyt · November 10, 2022, 4:46am

Unfortunately it looks like this is hardcoded into the history graph card. I couldn’t find a way to enable this behavior for my own custom entities.

github.com

home-assistant/frontend/blob/ac65882fdd722cbb6ae79427f26b5e26ce25801e/src/components/chart/state-history-chart-line.ts#L215-L249

    
      
          const hasHeat = states.states.some(isHeating);
          const hasCool = states.states.some(isCooling);
          // We differentiate between thermostats that have a target temperature
          // range versus ones that have just a target temperature
          
          
// Using step chart by step-before so manually interpolation not needed.
          const hasTargetRange = states.states.some(
            (entityState) =>
              entityState.attributes &&
              entityState.attributes.target_temp_high !==
                entityState.attributes.target_temp_low
          );
          addDataSet(
            `${this.hass.localize("ui.card.climate.current_temperature", {
              name: name,
            })}`
          );
          if (hasHeat) {
            addDataSet(
              `${this.hass.localize("ui.card.climate.heating", { name: name })}`,

This file has been truncated. show original