180
Views
5
Comments
Solved
Issue displaying 2 or more y axes in Charts
Question

Hello,

Have looked through Charts API docs here on OS, referred to HighCharts API directly and attempted to manipulate the Charts widget both via the built-in AdvancedDataSeriesFormat method and with manual entry into the HighChartsJSON field.

Please can I ask, given a List of DataPoint containing points for two named series the most recommended/native way to instruct the Chart widget to display each series on its own line, with 2 y axes (one on left and one set to opposite: true)?

Many thanks

David

2018-10-25 01-55-55
Caulibeam
Solution

Grabbed this example from hicharts for multiple axes and implemented it here: https://caulibeam.outsystemscloud.com/Test/TransactionsDashboard.aspx

Sorry its a bit messy because i just edited a template and pumped in some whatever dummy data there was.


all of the implementation is done the highchartsjson advancedformat.



Testv11.oml
2019-06-04 07-51-25
David Miller

Caulibeam wrote:

Grabbed this example from hicharts for multiple axes and implemented it here: https://caulibeam.outsystemscloud.com/Test/TransactionsDashboard.aspx

Sorry its a bit messy because i just edited a template and pumped in some whatever dummy data there was.


all of the implementation is done the highchartsjson advancedformat.



Hi Caulibeam - fab example, thanks!

Question - to use the HighChartsJSON, does this always mean series -> data has to be specified in the JSON, or, can the data points be provided to the widget as a DataPoint List, followed by formatting JSON? It is the latter I've had difficulty with.


2021-06-09 13-39-18
Agno Silveira
 
MVP

Hello David,

Not exist only one correct format to do, but the default is one line X and one line y, do download and look this example:

https://www.outsystems.com/forge/component-overview/7339/analytics-dashboard

In this example have advanced json format (AdvancedDataSeriesFormat ), if necessary.


Regards.

2019-06-04 07-51-25
David Miller

Agno Silveira wrote:

Hello David,

Not exist only one correct format to do, but the default is one line X and one line y, do download and look this example:

https://www.outsystems.com/forge/component-overview/7339/analytics-dashboard

In this example have advanced json format (AdvancedDataSeriesFormat ), if necessary.


Regards.

Agno - thanks for your input but this does not answer the question asked.


2018-10-25 01-55-55
Caulibeam
Solution

Grabbed this example from hicharts for multiple axes and implemented it here: https://caulibeam.outsystemscloud.com/Test/TransactionsDashboard.aspx

Sorry its a bit messy because i just edited a template and pumped in some whatever dummy data there was.


all of the implementation is done the highchartsjson advancedformat.



Testv11.oml
2019-06-04 07-51-25
David Miller

Caulibeam wrote:

Grabbed this example from hicharts for multiple axes and implemented it here: https://caulibeam.outsystemscloud.com/Test/TransactionsDashboard.aspx

Sorry its a bit messy because i just edited a template and pumped in some whatever dummy data there was.


all of the implementation is done the highchartsjson advancedformat.



Hi Caulibeam - fab example, thanks!

Question - to use the HighChartsJSON, does this always mean series -> data has to be specified in the JSON, or, can the data points be provided to the widget as a DataPoint List, followed by formatting JSON? It is the latter I've had difficulty with.


2018-10-25 01-55-55
Caulibeam

Hi David, 

Did some digging on this and found this in the OS kb

You could do this using datapointlist and separate line 1 and 2 by the DataSeriesName. 


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