Hide {year} from x-axis

[alvinwoon]

Is there a way to hide the year overflowing from x-axis in the chart?

[leeoniya]

if you dont need the axis tick display to adapt to the zoom level, the easiest way to do it is to simply set axis.values to a static template string, like {MM}/{DD}, you'll also want to reduce axis.size to get rid of the extra padding reserved for year.

if you want to do something more complex and zoom-adaptive, you'll have to provide a full formatting table for axis.values without the \n{YYYY} portions. or you can supply your own function that formats the axis splits (raw tick values) however you want.

maybe helpful discussion: #474

the full table is at the bottom of https://github.com/leeoniya/uPlot/tree/master/docs#axis--grid-opts

internally, it gets assembled here:

uPlot/src/opts.js

Lines 136 to 149 in a885446

	// [0]: minimum num secs in the tick incr
	// [1]: default tick format
	// [2-7]: rollover tick formats
	// [8]: mode: 0: replace [1] -> [2-7], 1: concat [1] + [2-7]
	const _timeAxisStamps = [
	// tick incr default year month day hour min sec mode
	[y, yyyy, _, _, _, _, _, _, 1],
	[d * 28, "{MMM}", NLyyyy, _, _, _, _, _, 1],
	[d, md, NLyyyy, _, _, _, _, _, 1],
	[h, "{h}" + aa, NLmdyy, _, NLmd, _, _, _, 1],
	[m, hmmaa, NLmdyy, _, NLmd, _, _, _, 1],
	[s, ss, NLmdyy + " " + hmmaa, _, NLmd + " " + hmmaa, _, NLhmmaa, _, 1],
	[ms, ss + ".{fff}", NLmdyy + " " + hmmaa, _, NLmd + " " + hmmaa, _, NLhmmaa, _, 1],
	];