# XY Chart Heat Rules

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [March 30, 2020, 8:12pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536 "2020-03-30T20:12:26Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![cmtmrqz](https://avatars.discourse-cdn.com/v4/letter/c/c67d28/32.png) [@cmtmrqz](https://forum.inductiveautomation.com/u/cmtmrqz)\
**Post date:** [March 30, 2020, 8:12pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/1 "2020-03-30T20:12:26Z")

</div>

Hey,  
I am having trouble getting the HeatRules to wrok for the xy chart component in perspective, more specifically with the data field.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/ac636176435ea0f1bc12719e5db5ddf6c486ec16.png)  
I have the gradient bar in the bottom but I can’t seem to reference the appropiate field  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/f/f11586fa2012d6f377b330ccd5b64a823a1168e8.png)  
I tried following documentation from this site:  
[https://www.amcharts.com/docs/v4/concepts/series/#Heat\_maps](https://www.amcharts.com/docs/v4/concepts/series/#Heat_maps)  
Would appreciate any guidance  
Thanks!

---

<div class="post-metadata">

**Author:** ![Paul.Scott](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul.scott/32/4578_2.png) [@Paul.Scott](https://forum.inductiveautomation.com/u/Paul.Scott)\
**Post date:** [March 30, 2020, 8:50pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/2 "2020-03-30T20:50:18Z")

</div>

Have you try explicitly setting the `min` value to a color?

 ![Annotation%202020-03-30%20134726](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/ab338e95d28a7c24546751f334faa6357624091e.jpeg)

---

<div class="post-metadata">

**Author:** ![cmtmrqz](https://avatars.discourse-cdn.com/v4/letter/c/c67d28/32.png) [@cmtmrqz](https://forum.inductiveautomation.com/u/cmtmrqz)\
**Post date:** [March 30, 2020, 9:29pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/3 "2020-03-30T21:29:40Z")

</div>

Well, I had apparently misspelled something when i tried that for the first time, worked now, thanks!

---

<div class="post-metadata">

**Author:** ![cmtmrqz](https://avatars.discourse-cdn.com/v4/letter/c/c67d28/32.png) [@cmtmrqz](https://forum.inductiveautomation.com/u/cmtmrqz)\
**Post date:** [March 31, 2020, 12:16am UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/4 "2020-03-31T00:16:55Z")

</div>

Is there a way to hide the HeatLegend (the gradient bar) ? I believe it usually is a separate object

---

<div class="post-metadata">

**Author:** ![arun1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/arun1/32/79753_2.png) [@arun1](https://forum.inductiveautomation.com/u/arun1)\
**Post date:** [October 17, 2020, 2:58am UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/5 "2020-10-17T02:58:08Z")

</div>

Yup, had to explicitly set the `min` value as well otherwise it was not working! thanks. It would be great if

1. we can specify the upper and lower limit for the heat map instead of letting the y-axis data pick it
2. the heat legend/gradient bar could be hidden

---

<div class="post-metadata">

**Author:** ![321liftoff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/321liftoff/32/27544_2.png) [@321liftoff](https://forum.inductiveautomation.com/u/321liftoff)\
**Post date:** [July 9, 2021, 3:14am UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/6 "2021-07-09T03:14:28Z")

</div>

> 1. we can specify the upper and lower limit for the heat map instead of letting the y-axis data pick it

Agree with this!

Please add a "minValue" and "maxValue" property to the "heatRules"

---

<div class="post-metadata">

**Author:** ![321liftoff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/321liftoff/32/27544_2.png) [@321liftoff](https://forum.inductiveautomation.com/u/321liftoff)\
**Post date:** [July 9, 2021, 3:17am UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/7 "2021-07-09T03:17:43Z")

</div>

Also, I just noticed that the the text of the legend/gradient bar do not correctly change to a lighter color (the text remains black) when activating a Dark Theme. Using version 8.1.5.

---

<div class="post-metadata">

**Author:** ![Bill\_L](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@Bill\_L](https://forum.inductiveautomation.com/u/Bill_L)\
**Post date:** [July 15, 2021, 7:58pm UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/8 "2021-07-15T19:58:58Z")

</div>

I second this suggestion.

---

<div class="post-metadata">

**Author:** ![Jesse\_Dale\_Gimenez](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jesse_dale_gimenez/32/68763_2.png) [@Jesse\_Dale\_Gimenez](https://forum.inductiveautomation.com/u/Jesse_Dale_Gimenez)\
**Post date:** [October 3, 2024, 3:22am UTC](https://forum.inductiveautomation.com/t/xy-chart-heat-rules/33536/9 "2024-10-03T03:22:14Z")

</div>

> [@arun1](#):
>
> ap

Hi Arun,

How do we hide the heat legend/gradient bar

in my heatRules  
I only have  
-enabled

- max
- min
- datafield
