# XY Chart, Fixed Y Axis

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-fixed-y-axis/88824>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [April 15, 2024, 3:27pm UTC](https://forum.inductiveautomation.com/t/xy-chart-fixed-y-axis/88824 "2024-04-15T15:27:37Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ryan\_Craig](https://avatars.discourse-cdn.com/v4/letter/r/45deac/32.png) [@Ryan\_Craig](https://forum.inductiveautomation.com/u/Ryan_Craig)\
**Post date:** [April 15, 2024, 3:27pm UTC](https://forum.inductiveautomation.com/t/xy-chart-fixed-y-axis/88824/1 "2024-04-15T15:27:37Z")

</div>

I made an XY Chart that has some zones marked (I have it configured the same way as the example from the " XY Chart Example - Line Chart Target Area" from the Ignition Manual). After I made the top red area, the chart moved up to show 40-50, which I do not need.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/1/711cdc3debd354525dbfbbff89f477457bacfd0f.png)

Is there anyway to fix the chart, so it will only show certain numbers on the Y axis? I want it to always display 0-40 even if a point is off the chart.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 15, 2024, 3:39pm UTC](https://forum.inductiveautomation.com/t/xy-chart-fixed-y-axis/88824/2 "2024-04-15T15:39:58Z")

</div>

`yAxes.0.value.range.max : ...`  
`yAxes.0.value.range.min : ...`  
`yAxes.0.value.range.useStrict : true`

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [April 15, 2024, 4:00pm UTC](https://forum.inductiveautomation.com/t/xy-chart-fixed-y-axis/88824/3 "2024-04-15T16:00:08Z")

</div>

I'd tone down the color bands so that your data stands out. The human eye just needs a hint for the pass band. The opacity value is handy for that.

- Create a custom prop `areaOpacity` on the chart - or on the view - or as a session variable if you want it applicable everywhere.
- Add a Property Binding to each `series.x.line.appearance.fill.opacity` to the custom prop.

Now you can adjust them all in one place.

To be cool, have a look at [High Performance HMI Techniques | Ignition User Manual](https://docs.inductiveautomation.com/docs/8.1/ignition-modules/vision/common-tasks-in-vision/high-performance-hmitechniques#high-performance-hmi).