Looking for a Ribbon Chart


I don’t see a Ribbon Chart in the component list or as a chart type. Has anyone found a way to create one? I’m looking for something like in the screenshot to visualize the amount of time a machine has been in a particular status during a shift.




That is a status chart in the Ignition Components palette. Status Chart



Thank you!!



And in Perspective, this kind of chart can be built using the XYChart component.






Can you please post your configuration or maybe export the view?



Absolutely! I’ve attached a JSON dump of the view. It’s quite tailored to the specific application, but hopefully it can be useful to you.

In our application, it’s used to show the activity timeline of different process units. The component can be configured for a single specified process units (shown above), multiple specified process units, or all process units (if no process unit is specified, all units are loaded). The modes shown on the chart (CIP, Production, Recycle, etc…) are also configurable along with their colors (if no modes are specified, all modes are loaded and the default amCharts colors are used).

This amCharts demo is a great resource, it was extremely helpful in determining how to build the data source and get the rendering working correctly. The big trick is using a column renderer with the column.open.x property assigned to the start field in your data source.

Mode Timeline.json (25.1 KB)

1 Like


Very impressive, thanks for sharing!

Did you notice any memory leaks or performance problems while using the XY Chart?



We’ve seen some instances on mobile platforms where only half of an XY Chart will be drawn after scrolling or zooming; it looks like the chart is sliced right through the middle. It takes the user scrolling or zooming just a hair more to fix things.

As for memory leaks, I haven’t had any issues. Are there known memory leaks with the XY Chart?



There are some bug reports like this, i also saw in another post that the XY Chart will be deprecated in the future.
I will use your solution anyway as there is currently no alternative and that kind of chart is essential for an MES status display.



In that case, I’ll put towards a proper generic version of the component for Ignition Exchange.

1 Like


To clear up some confusion: The version of the library backing the XY Chart in Perspective when we first shipped it (ie, early 8.0.X releases) did have significant issues, including a memory leak. We’ve mitigated all of those issues that we know about, through a combination of changing our code and upgrading the backing library - so, there’s no issue with using the XY Chart in full use. Rumors of deprecation were probably part of the initial communication about issues with the XY Chart - we simply weren’t sure whether we could maintain the currrent component or would have to introduce an entirely new one.