Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Highcharts Solid Gauge with min number NOT zero

I want to make a solid gauge using High Chart but I want my yAxis min value to be anything but zero. Whenever, I change the value, the label disappears. Is there a way to make the label appear again? Or maybe someone has an alternative way to make those labels.

In my project, I will have to change the min amount dynamically, depending on user's settings.

Here's a fiddle sample:

    jsfiddle.net/TH2aB/1/
like image 248
Artvader Avatar asked Mar 20 '26 04:03

Artvader


1 Answers

You can get the label back by specifying startOnTick:true,

 yAxis: {
        stops: [
            [0.1, '#55BF3B'], // green
            [0.5, '#DDDF0D'], // yellow
            [0.9, '#DF5353'] // red
        ],
        lineWidth: 0,
        minorTickInterval: null,
        tickPixelInterval: 400,
        tickWidth: 0,
        startOnTick:true,
        title: {
            y: -70
        },
        labels: {
            y: 16
        }        
    },

http://jsfiddle.net/yU7EM/

You can also explicitly set the tick positions using the tickPOsitions option:

tickPositions:[10,200],

http://jsfiddle.net/L6vVr/

like image 84
SteveP Avatar answered Mar 22 '26 18:03

SteveP



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!