Rounded Corners Stacked Bar Chart

Hi everyone,

Our client has recently purchased PlanetPress Connect. It’s a great tool and we love it so far.

We are trying to create documents which contain lots of charts and the main ones are stacked bar charts with rounded corner on each bar like the one in this picture.

How can we achieve this? Could you please provide a basic example as we don’t know where to start to create this one.

Example link:
Tableau QT: Rounded Stacked Bar Charts in Tableau - Toan Hoang

Our requirement is to simply create one horizontal set of stacked bars with rounded corners, each bar or color representing a value.

How do we design this with PlanetPress Connect?

Thank you in advance for all the help you can provide.

Best Regards,
Sofia

Hi @SofiaFr,

Could you please provide an example of the data you’d like to use to populate the mentioned “rounded stacked bar chart”?

Hello and thank you for the reply.

The data is very simple. You can just create a simple csv or excel file with 4 fields:
percent1,percent2,percent3,percent4
10%,20%,40%,30%
65%,10%,10%,15%
etc…

Each value should represent a color in the bar.

This chart design is not possible with the build in business graphics feature. But with some CSS magic it can be achieved by setting the appearance of some <div> elements. Attached my attempt (provided AS IS :slight_smile: )

Erik

chart-horz-stacked-rounded.OL-template (9.4 KB)

1 Like