# Bar Chart Configuration doubt

**URL:** <https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191>\
**Category:** Ignition\
**Created:** [March 9, 2019, 8:42am UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191 "2019-03-09T08:42:58Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Daniel.ARANDA](https://avatars.discourse-cdn.com/v4/letter/d/dfb087/32.png) [@Daniel.ARANDA](https://forum.inductiveautomation.com/u/Daniel.ARANDA)\
**Post date:** [March 9, 2019, 8:42am UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/1 "2019-03-09T08:42:58Z")

</div>

Hi all,

I am a little bit new with Ignition and I would need some support.

How it is possible to change the dataset alignment inside of chart? Basically I would like to show the lines chart over the bar chart.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/cb7cf459e9ca1144538bd326834bf67029a08356.png)

I cannot see any property to change this inside the chart customizer.

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\
**Post date:** [March 9, 2019, 2:48pm UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/2 "2019-03-09T14:48:07Z")

</div>

Load order of the bound dataset.  
Name the lines with a number in front of them so they are higher in the list.

---

<div class="post-metadata">

**Author:** ![Daniel.ARANDA](https://avatars.discourse-cdn.com/v4/letter/d/dfb087/32.png) [@Daniel.ARANDA](https://forum.inductiveautomation.com/u/Daniel.ARANDA)\
**Post date:** [March 10, 2019, 7:42am UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/3 "2019-03-10T07:42:35Z")

</div>

Thanks for your answer.

What about for the next case.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/b/bbcd10a41282895751b145cf71b8075a1217838b.png)

Where in some months the “OEE performance” values is lower than “OEE availability” but the loading order of the bound dataset is the opposite.  
How can I play with the transparency to show the orange bar behind the green one?

I created a single dataset for every single category (OEE,OEEperf,OEE avail and OEEqual) to displayed as is in the graph.

Thanks in advance

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [March 13, 2019, 12:10pm UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/4 "2019-03-13T12:10:46Z")

</div>

> [@Daniel.ARANDA](#):
>
> How can I play with the transparency to show the orange bar behind the green one?

I'm not sure you can. But consider restructuring your data to be suitable for the stacked-bar format. That won't depend on order or transparency.

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [March 13, 2019, 12:26pm UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/5 "2019-03-13T12:26:18Z")

</div>

When you select the colors for the Series Colors, use an Alpha value less than 100.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/2b9a8c9a5fdb745397cdc9ba4c447acc3314e136.png)

---

<div class="post-metadata">

**Author:** ![Daniel.ARANDA](https://avatars.discourse-cdn.com/v4/letter/d/dfb087/32.png) [@Daniel.ARANDA](https://forum.inductiveautomation.com/u/Daniel.ARANDA)\
**Post date:** [March 13, 2019, 1:53pm UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/6 "2019-03-13T13:53:38Z")

</div>

It was my first attempt (stacked bars)…but the issue is the values to represent are percentages so max 100%, so using the stacked bar the result it was over the max. I tried through scripting to calculate the differences between the min value and the next ones and build a new dataset to dont overpass the max but at the end it was the same issue. Sometimes for one category the values is bigger than others and sometimes not. That’s why I asked to play with the transparency of the bars.

---

<div class="post-metadata">

**Author:** ![Daniel.ARANDA](https://avatars.discourse-cdn.com/v4/letter/d/dfb087/32.png) [@Daniel.ARANDA](https://forum.inductiveautomation.com/u/Daniel.ARANDA)\
**Post date:** [March 14, 2019, 7:08am UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/7 "2019-03-14T07:08:48Z")

</div>

The alpha value is not working as there is a shadow behind the bars.

Do you know how can I disable the shadow behind the bar?

I tried with the next scripting inside the configuration chart inside the extension functions:

“”  
from org.jfree.chart.renderer.category import StandardBarPainter

```
plot = chart.getPlot()
renderer = plot.getRenderer()
renderer.setBarPainter(StandardBarPainter())
renderer.setShadowVisible(0)

```

“”"  
But it is not working at all.

Any idea?

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [March 14, 2019, 11:19am UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/8 "2019-03-14T11:19:50Z")

</div>

Let’s back up a moment.

- What version of Ignition are you using?
- What component are you making this chart with? I can set transparency with both the standard chart and the bar chart components.

---

<div class="post-metadata">

**Author:** ![Daniel.ARANDA](https://avatars.discourse-cdn.com/v4/letter/d/dfb087/32.png) [@Daniel.ARANDA](https://forum.inductiveautomation.com/u/Daniel.ARANDA)\
**Post date:** [March 14, 2019, 12:48pm UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/9 "2019-03-14T12:48:53Z")

</div>

Hi Jordan,  
We are running 7.9.9 version.  
It is a Chart component. I can set up the transparency but what I cannot delete is the shadow behind the bar.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/95d40f2355076c32c6bbda3cf762485e528a8ef1.png)

thanks

---

<div class="post-metadata">

**Author:** ![MMaynard](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mmaynard/32/3366_2.png) [@MMaynard](https://forum.inductiveautomation.com/u/MMaynard)\
**Post date:** [March 14, 2019, 12:54pm UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/10 "2019-03-14T12:54:16Z")

</div>

![shadows](https://us1.discourse-cdn.com/inductiveautomation/original/2X/d/d1e04502af39176bbffab3864c26ba49cf9f2d0f.png)

---

<div class="post-metadata">

**Author:** ![Daniel.ARANDA](https://avatars.discourse-cdn.com/v4/letter/d/dfb087/32.png) [@Daniel.ARANDA](https://forum.inductiveautomation.com/u/Daniel.ARANDA)\
**Post date:** [March 14, 2019, 1:48pm UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/11 "2019-03-14T13:48:34Z")

</div>

It is chart…not bar chart. The shadow option is not available in the property editor options.

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

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [March 14, 2019, 5:50pm UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/12 "2019-03-14T17:50:31Z")

</div>

The light comes on! It only took four coffees for this one… 🙂

The script in configureChart did work. But only for the first one. Since you put in a separate dataset for each each series, all the subsequent renderers used the default (each dataset gets its own renderer).

Try this one in configureChart:

```python
from org.jfree.chart.renderer.category import StandardBarPainter
plot = chart.getPlot()
rendererCount = plot.getRendererCount()
for i in range(rendererCount):
  renderer = plot.getRenderer(i)
  renderer.setBarPainter(StandardBarPainter())
  renderer.setShadowVisible(0)

```

---

<div class="post-metadata">

**Author:** ![Daniel.ARANDA](https://avatars.discourse-cdn.com/v4/letter/d/dfb087/32.png) [@Daniel.ARANDA](https://forum.inductiveautomation.com/u/Daniel.ARANDA)\
**Post date:** [March 15, 2019, 6:18am UTC](https://forum.inductiveautomation.com/t/bar-chart-configuration-doubt/23191/13 "2019-03-15T06:18:42Z")

</div>

Thanks Jordan. It works perfectly. I thought the renderer considers all dataset of the chart ☹
