Turn on Horizontal scroll for highchart - Outsystems reactive Web Dev

Hi,

How do we enable a horizontal scroll for the chart. I gave the code given below but it is not working in Outsystems Reactive Web Dev.

scrollbar:{
            enabled:true
          }

Hello,

Try setting a min and max value for the X axis.

xAxis: {
                min: 0,
                max: 5,
                scrollbar: {
                    enabled: true
                }
            }

Silvia Fernandes wrote:

Hello,

Try setting a min and max value for the X axis.

xAxis: {
                min: 0,
                max: 5,
                scrollbar: {
                    enabled: true
                }
            }

 

 Hi Silvia,

Thank you for your quick reply. On setting the min and max the chart is just displaying the 1st 6 labels on x axis if I give max as 5, the rest is not getting displayed and still the scrollbar is not getting enabled. 

Hello Adharsha,

You might need to import the highstock library to work. 

https://code.highcharts.com/stock/highstock.js


Silvia Fernandes wrote:

Hello Adharsha,

You might need to import the highstock library to work.

https://code.highcharts.com/stock/highstock.js


Hi Silvia,

 I tried this but still the scrollbar isn't visible.

 

Adharsha S wrote:

Hi Silvia,

I tried this but still the scrollbar isn't visible.

Hi Silva,

Is this is what you are looking for? sample app - ColumnChartDemo 


Regards, 

Benjith Sam

Benjith Sam wrote:

Adharsha S wrote:

Hi Silvia,

I tried this but still the scrollbar isn't visible.

Hi Silva,

Is this is what you are looking for? sample app - ColumnChartDemo 


Regards, 

Benjith Sam

Yes Benjith this is what I was looking for.

How to do that?


Solution

Adharsha S wrote:

Yes Benjith this is what I was looking for.

How to do that?

Hi Adharsha,

Please see the attached .oml solution file

--> Also define/apply the CSS definition defined in the Screen StyleSheet Section


Hope this helps you!


Regards,

Benjith Sam

Solution

Benjith Sam wrote:

Adharsha S wrote:

Yes Benjith this is what I was looking for.

How to do that?

Hi Adharsha,

Please see the attached .oml solution file

--> Also define/apply the CSS definition defined in the Screen StyleSheet Section


Hope this helps you!


Regards,

Benjith Sam

 Thank-you so much Benjith, it worked.

 

Adharsha S wrote:

Thank-you so much Benjith, it worked.

You're most welcome, Adharsha :)

I'm happy that it helped you :)


Regards,

Benjith Sam