# Image gauge color gradually changes

**URL:** <https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957>\
**Category:** Dashboard animations\
**Created:** [August 2, 2024, 3:32pm UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957 "2024-08-02T15:32:57Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lilgarage](https://forum.realdash.net/letter_avatar_proxy/v4/letter/l/35a633/32.png) [@Lilgarage](https://forum.realdash.net/u/Lilgarage)\
**Post date:** [August 2, 2024, 3:32pm UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/1 "2024-08-02T15:32:57Z")

</div>

I am trying to display the temperature distribution of a single tire.  
I want to gradually change the color of the Image gauge like wheel temp on the Racing Simulator dashboard.  
When I set it, the color suddenly changes at the warning threshold.

How should I set it?

---

<div class="post-metadata">

**Author:** ![Lilgarage](https://forum.realdash.net/letter_avatar_proxy/v4/letter/l/35a633/32.png) [@Lilgarage](https://forum.realdash.net/u/Lilgarage)\
**Post date:** [August 2, 2024, 3:37pm UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/2 "2024-08-02T15:37:03Z")

</div>

![image](https://forum.realdash.net/uploads/default/original/2X/5/500d7bc80fe30d0d54c60c50de3ddd4c5841715f.png)

This template changes colors gradually, but if I create a new image gauge, I can’t do the same thing. . . .

---

<div class="post-metadata">

**Author:** ![realdashdev](https://forum.realdash.net/user_avatar/forum.realdash.net/realdashdev/32/6_2.png) [@realdashdev](https://forum.realdash.net/u/realdashdev)\
**Post date:** [August 5, 2024, 5:49am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/4 "2024-08-05T05:49:19Z")

</div>

Maybe this will help:

[Looking for Tire Temp Gauge help - Dashboard Design / Generic Design Discussion - RealDash Forum](https://forum.realdash.net/t/looking-for-tire-temp-gauge-help/3999)

---

<div class="post-metadata">

**Author:** ![Lilgarage](https://forum.realdash.net/letter_avatar_proxy/v4/letter/l/35a633/32.png) [@Lilgarage](https://forum.realdash.net/u/Lilgarage)\
**Post date:** [August 11, 2024, 4:24am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/5 "2024-08-11T04:24:26Z")

</div>

Thanks! cool!

I tried the Graph Gauge Flatline and it works great.

by the way  
What should I do if I only want to display the current temperature?

---

<div class="post-metadata">

**Author:** ![realdashdev](https://forum.realdash.net/user_avatar/forum.realdash.net/realdashdev/32/6_2.png) [@realdashdev](https://forum.realdash.net/u/realdashdev)\
**Post date:** [August 12, 2024, 5:33am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/6 "2024-08-12T05:33:16Z")

</div>

> [@Lilgarage](#):
>
> What should I do if I only want to display the current temperature?

Simplest way is to just add a text gauge for it.

---

<div class="post-metadata">

**Author:** ![Lilgarage](https://forum.realdash.net/letter_avatar_proxy/v4/letter/l/35a633/32.png) [@Lilgarage](https://forum.realdash.net/u/Lilgarage)\
**Post date:** [November 7, 2024, 12:57pm UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/7 "2024-11-07T12:57:16Z")

</div>

I have been using FLATLINE for a while.  
It really works great.

FLATLINE can also view past data, but I would like to have only a color display of the current temperature.  
How can I do this?

The minimum time axis of FLASTLINE is 1sec, but I would like to make this as close to 0sec as possible!

 ![image](https://forum.realdash.net/uploads/default/original/2X/1/1886ca8ee6de29d7aadec5c25ad209f8d02f1e58.png)

---

<div class="post-metadata">

**Author:** ![realdashdev](https://forum.realdash.net/user_avatar/forum.realdash.net/realdashdev/32/6_2.png) [@realdashdev](https://forum.realdash.net/u/realdashdev)\
**Post date:** [November 8, 2024, 6:20am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/8 "2024-11-08T06:20:44Z")

</div>

For immediate display, I would use Image Gauge (without an image) and adjust its background color with ‘Use Dynamic Color Range’ option to make smooth color changes.

---

<div class="post-metadata">

**Author:** ![Lilgarage](https://forum.realdash.net/letter_avatar_proxy/v4/letter/l/35a633/32.png) [@Lilgarage](https://forum.realdash.net/u/Lilgarage)\
**Post date:** [November 8, 2024, 9:09am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/9 "2024-11-08T09:09:42Z")

</div>

Thank you!  
I think I can do it, but it doesn’t change to 3 different colors like the tire temperature in the racing simulator template you created, and there is no correlation between temperature and color.

What am I missing? I’m afraid this is an elementary question.

I have selected green for color 1 and red for color 2 in the dynamic color range.

 ![try1](https://forum.realdash.net/uploads/default/original/2X/d/d462ee5ad11409df6976ccc69a22b22edec85b23.jpeg)

I have selected green for color 1 and red for color 2 in the dynamic color range.

---

<div class="post-metadata">

**Author:** ![realdashdev](https://forum.realdash.net/user_avatar/forum.realdash.net/realdashdev/32/6_2.png) [@realdashdev](https://forum.realdash.net/u/realdashdev)\
**Post date:** [November 11, 2024, 6:26am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/10 "2024-11-11T06:26:51Z")

</div>

You have to adjust the dynamic color range for all three levels, normal, warning and critical.

To make smooth color change, idea is that normal range color 2 is set to warning color 1 and warning color 2 to critical color 1

---

<div class="post-metadata">

**Author:** ![Lilgarage](https://forum.realdash.net/letter_avatar_proxy/v4/letter/l/35a633/32.png) [@Lilgarage](https://forum.realdash.net/u/Lilgarage)\
**Post date:** [November 18, 2024, 3:31pm UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/11 "2024-11-18T15:31:55Z")

</div>

Thanks for the answer.  
It took me some time to understand dynamic color, but I generally mastered it.  
I have set up only three image gauges, normal, warning, and critical, without using dynamic colors.  
The colors of the image gauges seemed to respond to the values and switch smoothly.  
Compared to the text and graph gauges, the colors seemed to change a little faster.  
I have the warnings, critical level, color, value smoothing and history mode set to the same settings, but I don’t know why this is happening.  
Could you please advise?

 ![Q](https://forum.realdash.net/uploads/default/original/2X/2/25206f409599148fb07d222e98f826c0d88e7920.jpeg)

---

<div class="post-metadata">

**Author:** ![DeLasNoches](https://forum.realdash.net/letter_avatar_proxy/v4/letter/d/ecae2f/32.png) [@DeLasNoches](https://forum.realdash.net/u/DeLasNoches)\
**Post date:** [November 18, 2024, 4:50pm UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/12 "2024-11-18T16:50:42Z")

</div>

Have you tried checking font and text refresh delay (MS)?

---

<div class="post-metadata">

**Author:** ![Lilgarage](https://forum.realdash.net/letter_avatar_proxy/v4/letter/l/35a633/32.png) [@Lilgarage](https://forum.realdash.net/u/Lilgarage)\
**Post date:** [November 18, 2024, 11:43pm UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/13 "2024-11-18T23:43:41Z")

</div>

Thanks for the advice.

The refresh delay is set to 0ms, but still, the image gauge is ahead of the motion or is there a delay…

---

<div class="post-metadata">

**Author:** ![DeLasNoches](https://forum.realdash.net/letter_avatar_proxy/v4/letter/d/ecae2f/32.png) [@DeLasNoches](https://forum.realdash.net/u/DeLasNoches)\
**Post date:** [November 19, 2024, 12:15am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/14 "2024-11-19T00:15:03Z")

</div>

For the text have you tried removing the decimals?

---

<div class="post-metadata">

**Author:** ![Lilgarage](https://forum.realdash.net/letter_avatar_proxy/v4/letter/l/35a633/32.png) [@Lilgarage](https://forum.realdash.net/u/Lilgarage)\
**Post date:** [November 20, 2024, 3:08am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/15 "2024-11-20T03:08:12Z")

</div>

Thanks for the advice.

I also tried setting the decimal point to zero, but that didn’t solve the problem.

However, I noticed that when I go into the SETTING screen and come back out, the graphs are synchronized.

The problem I was having is solved.  
Sorry for the trouble,

I appreciate your help.

 ![image](https://forum.realdash.net/uploads/default/original/2X/6/6bfd17ef175b8d2af4e1a58bb797116b13911a48.png)

---

<div class="post-metadata">

**Author:** ![realdashdev](https://forum.realdash.net/user_avatar/forum.realdash.net/realdashdev/32/6_2.png) [@realdashdev](https://forum.realdash.net/u/realdashdev)\
**Post date:** [November 21, 2024, 6:46am UTC](https://forum.realdash.net/t/image-gauge-color-gradually-changes/5957/16 "2024-11-21T06:46:06Z")

</div>

If you are running the dash in simulation mode, each gauge has its own simulation value and thus they are not synced together.
