# Chart XY bar renderer customization

**URL:** <https://forum.inductiveautomation.com/t/chart-xy-bar-renderer-customization/75051>\
**Category:** Ignition\
**Tags:** vision, ignition81, scripting\
**Created:** [June 15, 2023, 1:07am UTC](https://forum.inductiveautomation.com/t/chart-xy-bar-renderer-customization/75051 "2023-06-15T01:07:44Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dan\_Kevin\_Dagapioso](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@Dan\_Kevin\_Dagapioso](https://forum.inductiveautomation.com/u/Dan_Kevin_Dagapioso)\
**Post date:** [June 15, 2023, 1:07am UTC](https://forum.inductiveautomation.com/t/chart-xy-bar-renderer-customization/75051/1 "2023-06-15T01:07:45Z")

</div>

Here's an idea. Can a classic chart component with xy bar renderer do this? The one in the picture is a bar chart component. I want a side by side data not a Stacked bar.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/a/3acbe8135773d7cdb5ed90af8d5b91332e08eb64.png)

---

<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:** [June 15, 2023, 12:43pm UTC](https://forum.inductiveautomation.com/t/chart-xy-bar-renderer-customization/75051/2 "2023-06-15T12:43:43Z")

</div>

> [@Dan\_Kevin\_Dagapioso](#):
>
> Can a classic chart component with xy bar renderer do this?

No. Not without some meticulous manipulation of your timestamps. It would be a lot easier to do this in the classic chart with the category bar renderer.

What's wrong with using the bar chart component?

---

<div class="post-metadata">

**Author:** ![Dan\_Kevin\_Dagapioso](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@Dan\_Kevin\_Dagapioso](https://forum.inductiveautomation.com/u/Dan_Kevin_Dagapioso)\
**Post date:** [June 16, 2023, 12:24am UTC](https://forum.inductiveautomation.com/t/chart-xy-bar-renderer-customization/75051/3 "2023-06-16T00:24:28Z")

</div>

because i have another data set with is a line graph. I need to create a pareto chart

---

<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:** [June 16, 2023, 12:29am UTC](https://forum.inductiveautomation.com/t/chart-xy-bar-renderer-customization/75051/4 "2023-06-16T00:29:32Z")

</div>

> [@Dan\_Kevin\_Dagapioso](#):
>
> I need to create a pareto chart

Have you seen the previous post I did on this topic?

> [@Pareto Chart in Vision](https://forum.inductiveautomation.com/t/pareto-chart-in-vision/71901/2):
>
> @prasath.t did something similar to what you are wanting in this post which includes a downloadable example: Perhaps you can adapt his work to your usage case. Another, perhaps simpler option would be to overlay a standard chart over the bar chart and set the Background Color and Plot Background color to transparent. You would also probably want to set Show Legend and Show Popup properties to false. Doing a quick experiment for proof of concept purposes, I was able to eliminate the rest of t…

---

<div class="post-metadata">

**Author:** ![Dan\_Kevin\_Dagapioso](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@Dan\_Kevin\_Dagapioso](https://forum.inductiveautomation.com/u/Dan_Kevin_Dagapioso)\
**Post date:** [June 16, 2023, 1:01am UTC](https://forum.inductiveautomation.com/t/chart-xy-bar-renderer-customization/75051/5 "2023-06-16T01:01:06Z")

</div>

I see. I also have an idea like that to overlay the chart to a bar chart but I'm having a problem with my x axis because its customize base on the aggregation date selected. Like if weekly it must be Mon-Sun when daily is must be Hourly.

---

<div class="post-metadata">

**Author:** ![Dan\_Kevin\_Dagapioso](https://avatars.discourse-cdn.com/v4/letter/d/eb9ed0/32.png) [@Dan\_Kevin\_Dagapioso](https://forum.inductiveautomation.com/u/Dan_Kevin_Dagapioso)\
**Post date:** [June 16, 2023, 2:38am UTC](https://forum.inductiveautomation.com/t/chart-xy-bar-renderer-customization/75051/6 "2023-06-16T02:38:21Z")

</div>

My chart is okay already. Thanks for the help.
