1209
Views
4
Comments
Solved
Can someone explain step by step how to use HighCharts API
Discussion

I have the https://api.highcharts.com/highcharts/ but then how do I translate that syntax into inputs in the OutSystems HighchartsJSON field, for example if I want to add 2 components subtitle (with a text = "My beautiful chart") and credits (highcharts.com with a link to their site) how does that work?

I can understand how to use the actions provided that meet some of the components in the Highcharts JSON API (xAxis Format, yAxisFormat, DataPoint Format, DataSeries Format etc) but not all of them seem to have an OutSystem action. 

Is there a charts masterclass anywhere I can look into? Thanks.


2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Solution

Hi André,

The HighchartsJSON field should be filled with any JSON you could add to a chart. Just some examples:

"chart:{zoomType:'x',pinchType:'x',panning:true, panKey:'ctrl'},tooltip:{followTouchMove:false}"
"legend:{rtl:true, reversed:true}"
"title:{text:'my title'}"


2018-08-04 18-19-00
André Pinho

Kilian Hekhuis wrote:

Hi André,

The HighchartsJSON field should be filled with any JSON you could add to a chart. Just some examples:

"chart:{zoomType:'x',pinchType:'x',panning:true, panKey:'ctrl'},tooltip:{followTouchMove:false}"
"legend:{rtl:true, reversed:true}"
"title:{text:'my title'}"



They should have these as example in the API documentation. Thanks, Kilian.
It was the use of the comma and  ' vs " that is what I needed to figure out because that differs in the JSON syntax vs expression editor in OS.


2025-01-07 17-06-54
Paulo Cação
Champion

Hi André,

Outsystems Charts use Highcharts to generate the charts, and you have all information here

I thinks this help you, and if you have a extra question, of course, you can question us :)

2020-09-15 13-07-23
Kilian Hekhuis
 
MVP
Solution

Hi André,

The HighchartsJSON field should be filled with any JSON you could add to a chart. Just some examples:

"chart:{zoomType:'x',pinchType:'x',panning:true, panKey:'ctrl'},tooltip:{followTouchMove:false}"
"legend:{rtl:true, reversed:true}"
"title:{text:'my title'}"


2018-08-04 18-19-00
André Pinho

Kilian Hekhuis wrote:

Hi André,

The HighchartsJSON field should be filled with any JSON you could add to a chart. Just some examples:

"chart:{zoomType:'x',pinchType:'x',panning:true, panKey:'ctrl'},tooltip:{followTouchMove:false}"
"legend:{rtl:true, reversed:true}"
"title:{text:'my title'}"



They should have these as example in the API documentation. Thanks, Kilian.
It was the use of the comma and  ' vs " that is what I needed to figure out because that differs in the JSON syntax vs expression editor in OS.


2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi André,

I agree the documentation could use some more examples. Glad I could be of help though :). Happy coding!

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