# Series Chart left to right

**URL:** <https://forum.inductiveautomation.com/t/series-chart-left-to-right/15705>\
**Category:** Ignition\
**Created:** [October 18, 2017, 3:09pm UTC](https://forum.inductiveautomation.com/t/series-chart-left-to-right/15705 "2017-10-18T15:09:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jnqplas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jnqplas/32/4054_2.png) [@jnqplas](https://forum.inductiveautomation.com/u/jnqplas)\
**Post date:** [October 18, 2017, 3:09pm UTC](https://forum.inductiveautomation.com/t/series-chart-left-to-right/15705/1 "2017-10-18T15:09:52Z")

</div>

Ignition 7.9.4

I’m putting together a template that only shows the chart without any labels. Depending on what machine is passed in, the chart should display the status from the last 24 hours, kind of like a progress bar. But it reads from right-to-left. In our application, it would be more intuitive filling in left-to-right.

I can’t change it like I can a property on the progress bar.  
I can’t rotate it.  
We started out by binding it to tag history and can’t figure out how to manipulate that data.  
I’m attempting to bind the dataset to a SQL Query to maybe sort differently, but haven’t been able to make that work.

Has anyone been able to reverse the display for the series chart?

Thanks!

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [October 18, 2017, 3:38pm UTC](https://forum.inductiveautomation.com/t/series-chart-left-to-right/15705/2 "2017-10-18T15:38:50Z")

</div>

> [@jnqplas](#):
>
> We started out by binding it to tag history and can't figure out how to manipulate that data.

If you just want to pull tag history data, but display it with largest timestamps on the left, the Easy Chart has an 'Invert Time Axis' property directly:  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/d/d1b5a698e6ea4fc0553d0f0305a24b0fbd68e9ef.png)

With the Classic Chart, you can fire a `configureChart` script:  
`chart.getPlot().getDomainAxis().setInverted(True)`

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

---

<div class="post-metadata">

**Author:** ![jnqplas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jnqplas/32/4054_2.png) [@jnqplas](https://forum.inductiveautomation.com/u/jnqplas)\
**Post date:** [October 18, 2017, 4:02pm UTC](https://forum.inductiveautomation.com/t/series-chart-left-to-right/15705/3 "2017-10-18T16:02:54Z")

</div>

Thanks for your response! I was hoping it was as simple as selecting a property, but I haven’t seen one.

The scripting sounds like it might be an option. Hopefully there’s something hidden that I can configure. I’ll try down that path.

This is what we’re displaying, and essentially I want it rotated 180°:  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/97dad54e5a18844fd5f87cb16b6a1f59e8465ffa.png)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [October 18, 2017, 5:00pm UTC](https://forum.inductiveautomation.com/t/series-chart-left-to-right/15705/4 "2017-10-18T17:00:31Z")

</div>

Apologies - I completely glossed over that you were using the Status Chart. That said, basically the same code functions - but it doesn’t appear to actually do what you want (in some quick testing):  
You can add this to the `propertyChange` event handler:

```auto
if event.propertyName == 'componentRunning':
	event.source.getChart().getPlot().getDomainAxis().setInverted(True)

```

And it will flip the order of the series displayed (eg, series 3, 2, 1 instead of series 1, 2, 3). You can also change it to `getRangeAxis().setInverted(True)`, and it _will_ flip the displayed dates - but it appears the rendering we’re doing over the top of things doesn’t know how to handle that, and so it just disappears completely:  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/24aacebcfd9bdd808f1430e636e5a2b71d57f2c5.png)