Jim Mathew
Rank: #24443
8Views
2Comments
Solved
How to create a column or bar chart with multiple series using dynamic data in React?
Question
Aggregate
Reactive
Charts
Data
Front-end

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

0
0
on 4th Jan
Copy link to comment
João Marques
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

1
0
on 4th Jan
Copy link to comment