41
Views
4
Comments
Generate stacked bar chart
Question

I need to generate a graph with stacked bars like this prototype:

The Graph is being presented for minutes.

The numbers inside the bars are the ID of each activity.

Furthermore, the graph of each activity must be presented within the time it takes.

In other words, if the activity starts with 3 minutes and ends at 9 minutes, the bar must go from 3 to 9. And not from 0 to 9.

Could anyone help me with this situation?

Follow the oml of the graph.

stacked_bar_chart.oml
2023-11-07 18-53-22
José Rodrigues

Hi João,

The component that you are using in your oml is the BarChart component. In a bar chart all the bars have to start from 0, that's the propose of a bar chart, is to display single values like amounts, they are not meant or prepared to essentially display time series that is kind of what you want.

Besides your start and end attributes are Integers, which doesn't really make too much sense, start and end attributes should be Date, DateTime or similar format because what does exactly mean saying that a given activity started at 3 and ended at 9? 

Seems like you should first rethink what are your requirements :)

2026-02-24 21-20-41
João Elder Avelar dos Santos

Hi José, thanks for your help.

In this case, what would be the correct component?

When it comes to beginning and end, they are integers. and the graphics must respect these values.

2023-11-07 18-53-22
José Rodrigues

Hi João,

As far as I know there is no BarChart component that has the built-in possibility to off set the start of the bars. You would have to to probably attempt to do that costumizing one with a script.

Seems like @Amreen Shaikh already suggested it to you in this post: https://www.outsystems.com/forums/discussion/94594/settings-bar-chart/

Have you tried that already?


2025-05-14 17-04-27
Marcos Vinicius Goncalves De Oliveira

I believe that perhaps this component can help https://www.outsystems.com/forge/component-overview/12503/gantt-chart-o11

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.