Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

HIghcharts 4 solid gauge max value

I'm trying to display a solid gauge with a "strange" max value, that is 96 (hours). I'read that max and min value are elaborated by highcharts to set ticks, ranges etc but I don't understand why I can't display such a value or even other rounded values like 90 below 100.

Any idea?

like image 573
Matteo Rossi Avatar asked Jun 26 '14 15:06

Matteo Rossi


2 Answers

The problem may be that the chart is generating a default tick interval e.g. 10, which adds up to 100.

You may be able to get what you want by specifying a tickerInterval which divides into 96 (e.g. 8).

    yAxis: {
        min: 0,
        max: 96,
        tickInterval:8,

http://jsfiddle.net/Vn4My/

like image 59
SteveP Avatar answered Nov 01 '22 01:11

SteveP


You can use any max value, only thing is you should divide it by 1000 to get the tickInterval value, for example:

yAxis: {
        min: 0,
        max:96,
        tickInterval:(96/1000),
    },

Working example: http://jsfiddle.net/NareshChennuri/whuu5qbt/

like image 23
Naresh Chennuri Avatar answered Nov 01 '22 03:11

Naresh Chennuri