X- axis show all hours

[jagathish]

Hi,

Please check the given link. https://codepen.io/jagathish/pen/adLRqE

I want all hour should shown in X-axis label. and y-axis now showing, 0,5,10,15... i want 0,2,4,.. upto 20,

Thanks and Regards,
Jagathish

[KacperMadej]

To set ticks for yAxis you could set max to 20, endOnTicks to false (to make sure that max setting is not rounded because of series data), tickInterval to 2.

Code: Select all

        yAxis: {
            max: 20,
            tickInterval: 2,
            endOnTick: false,

For xAxis - set tickInterval to 1 hour, so 3600 * 1000 milliseconds instead of setting step or minTickInterval.

Code: Select all

        xAxis: {
            type:'datetime',
            //step: 24,
             tickInterval:3600 * 1000,
         
           //minTickInterval: 24,

Example: https://codepen.io/anon/pen/bEYdxN

[jagathish]

Thanks Lot.. Its works well

[jagathish]

The give example (https://codepen.io/anon/pen/bEYdxN) its working but i need to show , 23:59 at last.. is this possible?

Thanks & Regards,
Jagathish J

[jagathish]

Please reply for this??? above doubt

[KacperMadej]

Hi Jagathish,

I you need additional label, than you could add null data to series' data array and change label formatter, so it will display '23:59' instead of every '00:00' instead of a first one.
Example: https://codepen.io/anon/pen/MKGVeN

Other option would be to change last label to '23:59', if you need to change it instead of adding next one.
Example: https://codepen.io/anon/pen/YwLaNr

If you have more questions, please let me know.

Best regards,
Kacper Madej

[jagathish]

Thanks... its works..