8
Views
2
Comments
Solved
How to create a column or bar chart with multiple series using dynamic data in React?

I'm trying to display "Open" & "Closed" cases in a column/bar chart based on different companies (sample format attached) . data is dynamically loading from aggregate list.

I followed below article but didn't work with dynamic data
https://success.outsystems.com/Documentation/11/Reference/OutSystems_APIs/Charts_API/Create_Column_and_Bar_Charts

May I know how can achieve it?

HighchartSample.PNG

Rank: #68
Solution

Hi Jim,


To make it dynamically, you need to have the SourceDataPointList pointing to your data source (query, variable, etc.) and fill in:

  • Label: Company name
  • Value: Number of tasks
  • DataSeriesName: Open / Closed


If you do that, you will have the Column / Bar chart with multiple series dynamically.


Regards,
João