CODEWITHSUNDEEP
highcharts
Borja
Borja

Reputation: 3551

How to change the distance between lines of grid?

i have 

  yAxis: {

        reversed: true,
        categories: ['0','10','20','30','50','80','130','210','340','550','700'],                       
        labels: {
                    format: '{value} km',
                    enabled: true
                },
        title: {
                text: "Depth"
                }
         },

but i want to change the distance between the lines of grid (line value 0km, line value 10km ecc ecc)

Is possible ?

Upvotes: 0

Views: 810

Answers (1)

Hristo Ivanov
Hristo Ivanov

Reputation: 719

These two should work. Use the one that fits you better.

        tickPositions
        tickPositioner

Ejamples:

http://jsfiddle.net/jfbffqe7/

http://jsfiddle.net/0xb2c8e5/

Edit: This should do the trick of what you requested in the comments. http://jsfiddle.net/0xb2c8e5/1/

yAxis: {
        tickPositioner: function(){
            return[0,30, 50, 100, 250];},
        tickPixelInterval: 1},

Use tickPixelInterval with value of one, and the only return the ticks you want to see.

Upvotes: 2

Related Questions