log scale axis not honoring autoskip for labels?

[pgp80]

This is actually more of a two-part question, but the main thing involves using autoskip on the x-axis that is set as logarithmic. I have a similar chart on version 2.9.4 and the ticks are exactly how I define them. Firstly, the screenshot of the issue:

The ticks are only showing some of the numbers I defined (the graph above it is how it should look as far as ticks). I've got autoSkip: false set and using a callback function that I found somewhere that is working with the other 2.9.4 version I'm using for different data. Additionally, I took a screenshot of a tooltip and it's returning a lot of datapoints, which is also in contrast to what my 2.9.4 chart does with a similar chart. Appreciate all the helpful tips around here!

here's the code:

`
ticks: {
autoSkip: false,

    callback: function (tick) {
                                if (tick === 1) {
                                    return tick.toString() + 's';
                                
                                } else if (tick === 15) {
                                    return tick.toString() + 's';
                                
                                } else if (tick === 60) {
                                    return '1min'
                                } else if (tick === 300) {
                                    return '5min'
                                } else if (tick === 600) {
                                    return '10min'
                                } else if (tick === 1800) {
                                    return '30min'
                                } else if (tick === 2400) {
                                    return '45min'
                                } else if (tick === 3600) {
                                    return '1h'
                                } else {
                                    return ''
                                }

                        },
      
   }, //end ticks

`

[kurkle]

Its not perfectly clear, are all of your charts 2.9.4?

For tooltip, check the mode you are using. I'm guessing using something like index, x or nearest there would work.
Instead of returning '' from the callback, return null if you want to skip the tick entirely.

[pgp80]

Thanks for the null tip, that's helping! The one with the issue is using version 3.2.1. I do have 2.9.4 on another page of my little personal site and that one is working fine, but the screenshot above with the lack of tick labels for 15sec, 30min, 45min is 3.2.1

Here's an updated screenshot of how it's looking now:

I actually put this up on jsfiddle https://jsfiddle.net/cax2h1y0/ probably more helpful that way to see what's going on and where I probably messed up!

[kurkle]

Ok, automatic tick generation generates a bit different ticks in v3 compared to v2. Eg, 10, 20, 30 for example, but not 15.
You can specify the ticks manually, if the auto generation does not suit your needs:

    afterBuildTicks(scale) {
     // Manually specify the ticks you want
     scale.ticks = [1, 15, 60, 300, 600, 1800, 2400, 3600].map(value => ({value}));
    },

https://jsfiddle.net/0Lvr68m3/

[pgp80]

thanks, you've been so helpful with my multiple questions lately! I'll try and figure out the tooltip thing returning so many values and see how I do with that!

[pgp80]

Apologies for the follow-up, but I'm stumped as far as the tooltip. So in this jsfiddle, I have it set up with 2.9.4 and the tooltip and callback is behaving like I wanted: https://jsfiddle.net/t5mfn94s/ and it's looking like the formatting has changed a bit with 3.0? Just curious how I'd covert the callback/tooltip format in 2.9.4 into a 3.0 version. Thanks again, hopefully this is the last lingering question I have on my project! lol

[kurkle]

https://www.chartjs.org/docs/latest/getting-started/v3-migration.html

[pgp80]

Got it! One more issue, and then I promise I'll go away (seriously, you've been so helpful, chartjs has been awesome for my project). I'm converting the seconds to hh:mm:ss format in the tooltip and it seems to work perfectly fine for a couple of methods until 16min30sec or so and then I get either nan or 0, depending on the conversion method. If I just have it report item.label in the tooltip, that works fine, so it doesn't seem to me the issue is with the item.label. Here's the jsfiddle with the example

https://jsfiddle.net/rfbsmp41/