# Vision Chart: Interpolation and visual bands

**URL:** <https://forum.inductiveautomation.com/t/vision-chart-interpolation-and-visual-bands/88491>\
**Category:** Ignition\
**Tags:** ignition81, vision\
**Created:** [April 8, 2024, 4:30am UTC](https://forum.inductiveautomation.com/t/vision-chart-interpolation-and-visual-bands/88491 "2024-04-08T04:30:45Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [April 9, 2024, 12:32am UTC](https://forum.inductiveautomation.com/t/vision-chart-interpolation-and-visual-bands/88491/4 "2024-04-09T00:32:24Z")

</div>

> [@Sasi\_Rai](#):
>
> Is there a way to make the chart steplike?

• Right click on the chart and select: "Chart Customizer"  
• Switch to the "Dataset Properties" tab, select the dataset, and change the renderer to "XY Step Renderer"  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/b/eb5390ddead23b75f678e4ef7869c47c60749d95.png)

> [@Sasi\_Rai](#):
>
> also, I would like to create bands, like so:

Use interval markers for this purpose.  
**Example:**

```auto
# configureChart Extension Function
#def configureChart(self, chart):
	# Import interval marker class
	from org.jfree.chart.plot import IntervalMarker
	
	# Range 0 to 12 earth green
	chart.plot.addRangeMarker(IntervalMarker(0, 12, system.gui.color(56, 94, 15, 80)))
	
	# Range 12 to 24 teal
	chart.plot.addRangeMarker(IntervalMarker(12, 24, system.gui.color(0, 128, 128, 80)))
	
	# Range 24 to 36 light blue
	chart.plot.addRangeMarker(IntervalMarker(24, 36, system.gui.color(173, 216, 230, 140)))
	
	# Range 36 to 48 light grey
	chart.plot.addRangeMarker(IntervalMarker(36, 48, system.gui.color(128, 128, 128, 80)))
	
	# Range 48 to 60 peach
	chart.plot.addRangeMarker(IntervalMarker(48, 60, system.gui.color(255, 218, 185, 80)))
	
	# Range 60 to 72 light orange
	chart.plot.addRangeMarker(IntervalMarker(60, 72, system.gui.color(255, 179, 74, 80)))

	# Range 72 to 96 light red
	chart.plot.addRangeMarker(IntervalMarker(72, 96, system.gui.color(255, 99, 74, 80)))

```

**Result:**

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/f/3fc166028870e5bb8e262f3f3f7190d49666ccc0.png)

---

_[View the full topic](https://forum.inductiveautomation.com/t/vision-chart-interpolation-and-visual-bands/88491)._