272
Views
5
Comments
Solved
How to edit Highcharts AdvancedJSON in v3.0.0
Application Type
Reactive
Service Studio Version
11.54.16 (Build 62588)

In the now legacy version of the OutsystemsCharts component, there is a HighchartsJSON property which helped make the charts more customizable.

Is there a way to customize the Highcharts JSON in the newer Outsystems Charts 3.0.0?

2021-09-06 15-09-53
Dorine Boudry
 
MVP
Solution

Ok,

now i remember, i got confused becausein my personal environment I reverted back to old charts library after trying v3.0.0.

i made you a little demo.

it is no longer through a free format json text, but by setting each individual property.

  • give the widget a name
  • handle the initialized event of the widget
  • use the SetHighChartConfigs, it takes a list of value settings, and each settings path needs to be given as a list, you can no longer use dot notation,I tried :-(


see oml,

Dorine

QDR_Chart_v3_0_0_AdvancedFormat.oml
2025-11-21 23-13-45
Jon Halverson
 
MVP

Hi Dorine,

This worked and is exactly what I was looking for, thank you for the assistance on this!

2021-09-06 15-09-53
Dorine Boudry
 
MVP

Hi Jon,

there is a link to documentation on that post you are referring to, at the bottom you find this :

so looking at their first suggestion, the client actions, you can find this in the charts module :

Dorine

2025-11-21 23-13-45
Jon Halverson
 
MVP

Thanks for your response Dorine, aren't those client actions only compatible with the legacy version of OS Charts?

Unless there is some way I can still use these legacy client actions with the new charts? I'm also not seeing a parameter to provide the advanced format.

2021-09-06 15-09-53
Dorine Boudry
 
MVP

ooh,

i didn't notice that.

they are referring to the "extensibility client actions" and this was the first i saw.

Let me look a bit closer.

Dorine

2021-09-06 15-09-53
Dorine Boudry
 
MVP
Solution

Ok,

now i remember, i got confused becausein my personal environment I reverted back to old charts library after trying v3.0.0.

i made you a little demo.

it is no longer through a free format json text, but by setting each individual property.

  • give the widget a name
  • handle the initialized event of the widget
  • use the SetHighChartConfigs, it takes a list of value settings, and each settings path needs to be given as a list, you can no longer use dot notation,I tried :-(


see oml,

Dorine

QDR_Chart_v3_0_0_AdvancedFormat.oml
2025-11-21 23-13-45
Jon Halverson
 
MVP

Hi Dorine,

This worked and is exactly what I was looking for, thank you for the assistance on this!

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