44
Views
9
Comments
Solved
[OutSystems Charts] How to create a Donut Chart that looks like this using addons?
outsystems-charts
Reactive icon
Forge asset by OutSystems
Application Type
Reactive
Service Studio Version
11.55.6 (Build 63936)

I need to use a donut chart but I have some questions:

I think I can solve them by using the addons available from Outsystems, but it's difficult.

1. I want to align my graph to the left

2. I want to put text inside the chart

3. I want to know the correct way to transfer colors to the graph

4. I want to know how to add space between the items in the caption on the right


Thanks!



donutchart.png
addons_donut.png
2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hello @InĂªs Lopes ,


I attached an OML that you can check. This is the result: 

DonutChart.oml
UserImage.jpg
Inês Lopes

Hello, thank you for your reply.


However, if the zoom does not work and is misconfigured.


It doesn't work

2024-01-04 09-21-21
Venkatesaiya

Hi InĂªs Lopes,

Please refer this Document Donut_chart, It may helps you


2026-01-28 16-57-48
Mihai Melencu
Champion
Solution

Hello @InĂªs Lopes ,


I attached an OML that you can check. This is the result: 

DonutChart.oml
UserImage.jpg
Inês Lopes

Hello, thank you for your reply.


However, if the zoom does not work and is misconfigured.


It doesn't work

2022-07-05 06-54-15
GOKULPRASANTH MUNUSAMY

Hello  @InĂªs Lopes 


Please refer the attached oml.  Demo

If you have any further questions, please don't hesitate to reach out .


Thanks, 

Gokulprasanth M 


Donut.oml
UserImage.jpg
Inês Lopes

I need to use the latest version of the graphics.

2022-07-05 06-54-15
GOKULPRASANTH MUNUSAMY
2025-01-31 03-15-38
Irfan Ahamed Abdul Shukoor

Hi @InĂªs Lopes ,

Outsystems uses Highcharts, so it will be better if you check the official sites. 

All additional addons are given in JSON which we can include in our Outsystems Chart. 

Here is the example : https://jsfiddle.net/fusioncharts/32npcxbg/

For more addons refers to the below link: https://api.highcharts.com/highcharts/


Thanks

2022-12-30 07-28-09
Navneet Garg

please refer to the document of highchart. Outsystems use highchart and created wrapper around it. You can do customization using HighchartJSON


https://api.highcharts.com/highcharts/plotOptions


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