It is currently Fri Feb 24, 2017 8:06 am Advanced search

scrollbar for activity guage

Technical support, bug reports and more.

scrollbar for activity guage

Postby shakti » Wed Feb 15, 2017 11:30 am

Is it possible to show a scrollbar when there is too much of data for an activity gauge?

Please refer to this example: http://jsfiddle.net/2ak3n7f8/4/

The ending is not curved as shown in the example: http://jsfiddle.net/d_paul/kjb4cpy3/2/

Is there any limit on the number of tracks that can be shown?

Any help in displaying this chart in an attractive manner is much appreciated.

Thanks in advance,

Shakti
shakti
 
Posts: 14
Joined: Wed Oct 12, 2016 11:10 am

Re: scrollbar for activity guage

Postby d_paul » Wed Feb 15, 2017 12:48 pm

Hi shakti,

Would it not be better to just decrease size of the pane or even change size of the containing div? Take a look at the updated example below.

API Reference:
http://api.highcharts.com/highcharts/pane.size

Example:
http://jsfiddle.net/d_paul/0ve4w1a0/

Regards.
Paweł Dalek
Highcharts Developer
d_paul
 
Posts: 1035
Joined: Thu Jun 02, 2016 12:28 pm

Re: scrollbar for activity guage

Postby shakti » Thu Feb 16, 2017 6:32 am

so, it is not possible to have a scrollbar, is it?

How to determine the size of the pane, when the data is dynamic?

also, the ends of each track is not curved. thought the property linecap is set to 'round' - linecap: 'round'
shakti
 
Posts: 14
Joined: Wed Oct 12, 2016 11:10 am

Re: scrollbar for activity guage

Postby d_paul » Fri Feb 17, 2017 8:39 pm

Hi shakti,

You can add a scrollbar but in conjunction with solidgauge, it is useless (look at the second example). Also, you do not need to determine size of pane. Will specific series be fully visible and will it fit, depends on its radius and innerRadius parameters. As for the rounded ends, set radius and innerRadius with the same value in each point and set adequate value to the borderWidth, within solidgauge options.

API Reference:
http://api.highcharts.com/highcharts/pa ... nnerRadius
http://api.highcharts.com/highcharts/pa ... uterRadius

Example:
http://jsfiddle.net/d_paul/84mwtg6x/
http://jsfiddle.net/d_paul/84mwtg6x/1/ - scrollbar added

Regards.
Paweł Dalek
Highcharts Developer
d_paul
 
Posts: 1035
Joined: Thu Jun 02, 2016 12:28 pm


Return to Highcharts Usage

Who is online

Users browsing this forum: Google [Bot], Yahoo [Bot] and 10 guests