chart-range does not respect height

[lucaskhourybr]

Hi everyone,

I have a question regarding the chart-range component.

First of all, sorry if this has already been asked or answered before - I couldn’t find a clear solution.

Question

I'm having trouble controlling the height of the chart-range component.

It seems that the component does not respect the height attribute or external CSS, making layout customization difficult.

---

Reproduction

<div id="chart-range-1" show-controls
     point-ids="Ecowitt_JD_Temp_Externa,Ecowitt_JD_Umidade_Externa,Ecowitt_JD_Velocidade_Vento"
     color="#8BC34A,#FFA726,#29B6F6"
     width="1550"
     height="400"
     refresh-rate="10000"
     show-export-menu
     stroke-width="2"
     use-xid>
</div>

---

What I tried

1. Adding height attribute:

height="400"

2. Inline CSS:

style="height:400px;"

4. Wrapping with a parent container:

<div style="height:400px;">
    <div id="chart-range-1"></div>
</div>

---

Result

None of the approaches above worked.
The chart keeps its original height, apparently controlled internally by the component.

---

Questions

• Is this a known limitation or a bug?
• Is there a recommended way to control chart height?

---

Environment

• ScadaLTS version: v2.7.8.1 build 14176899126
• Browser: Chrome
• OS: Linux - Ubuntu 24.04.3 LTS

---

Thanks!