How can I change the time format in the x Axis dynamic label?

[Monox18]

Hello. Little Javascript knowledge here. How can I change the date format in the x Axis dynamic label? (red arrow in the screenshot) Basically I want to change it to day/month/year instead of month/day/year

I was able to display milliseconds in the "t:" with
tzDate: ts => uPlot.tzDate(new Date(ts * 1e3), 'Etc/UTC'),
and
series: [ { label: "t", value: (u, ts) => fmtDate(tzDate(ts)), }

but I can't find a way to use fmtDate to change the x label as I want

[leeoniya]

this comes up often, i should probably add a demo.

until then, see #353

[Monox18]

Thank you sir, with your answer I was able to do it.

I copy-pasted this from the API:

      values: [
      // tick incr          default           year                             month    day                        hour     min                sec       mode
        [3600 * 24 * 365,   "{YYYY}",         null,                            null,    null,                      null,    null,              null,        1],
        [3600 * 24 * 28,    "{MMM}",          "\n{YYYY}",                      null,    null,                      null,    null,              null,        1],
        [3600 * 24,         "{M}/{D}",        "\n{YYYY}",                      null,    null,                      null,    null,              null,        1],
        [3600,              "{h}{aa}",        "\n{M}/{D}/{YY}",                null,    "\n{M}/{D}",               null,    null,              null,        1],
        [60,                "{h}:{mm}{aa}",   "\n{M}/{D}/{YY}",                null,    "\n{M}/{D}",               null,    null,              null,        1],
        [1,                 ":{ss}",          "\n{M}/{D}/{YY} {h}:{mm}{aa}",   null,    "\n{M}/{D} {h}:{mm}{aa}",  null,    "\n{h}:{mm}{aa}",  null,        1],
        [0.001,             ":{ss}.{fff}",    "\n{M}/{D}/{YY} {h}:{mm}{aa}",   null,    "\n{M}/{D} {h}:{mm}{aa}",  null,    "\n{h}:{mm}{aa}",  null,        1],
      ],

and replaced to:

			axes: [
				{values: [
// tick incr  default       year                        month   day                  hour   min               sec  mode 
[3600*24*365,"{YYYY}",      null,                       null, null,                  null, null,              null, 1],
[3600*24*28, "{MMM}",       "\n{YYYY}",                 null, null,                  null, null,              null, 1],
[3600*24,    "{D}/{M}",     "\n{YYYY}",                 null, null,                  null, null,              null, 1],
[3600,       "{HH}",        "\n{D}/{M}/{YY}",           null, "\n{D}/{M}",           null, null,              null, 1],
[60,         "{HH}:{mm}",   "\n{D}/{M}/{YY}",           null, "\n{D}/{M}",           null, null,              null, 1],
[1,          ":{ss}",       "\n{D}/{M}/{YY} {HH}:{mm}", null, "\n{D}/{M} {HH}:{mm}", null, "\n{HH}:{mm}",     null, 1],
[0.001,      ":{ss}.{fff}", "\n{D}/{M}/{YY} {HH}:{mm}", null, "\n{D}/{M} {HH}:{mm}", null, "\n{HH}:{mm}",     null, 1],
			    ]},
				{}
			]
		};

Now I can control the date format in the x Label.