dynamic toggling of temporal x-axis values

Hi I need to make switch button to hide/show x-axis but without hiding the vertical lines of the grid so I trying something like:

axes: [{
    values: () => []
}]

but I don’t know how can I add the values again Also, how can I turn on the minor ticks? Thanks 😃

[leeoniya]

those config arrays are compiled into a static formatting function when they’re defined.

you can do it with a bit of a hack, though: create a dummy uPlot instance and then pull the compiled formatter from it. then use that formatter in your real uPlot:

https://jsfiddle.net/dse1qpat/

another option would be to simply draw a white box over the top of the axis values in the drawAxes hook.

[leeoniya]

similar to #159:

https://jsfiddle.net/nxrpt8jd/2/

here i’m using .redraw() instead of .setData() because the series paths do not need to be recomputed, and it is cheaper.