Position the head of dates for ticklabels in respect to axis side and ticklabelposition on x-axis

[archmoj]

Fixes #5324.

@plotly/plotly_js

[alexcjohnson]

This flips the date upside down - so whatever is normally the second line is the first line in these cases where the labels are bottom-aligned. I don't think that's what we want - we want the order to remain as it was, just move the single-line labels up one line worth.

Perhaps we can do that by, instead of deleting the second line, replacing it (just in these bottom-aligned cases) with a blank line? The logic for whether or not to include the second line is here:

plotly.js/src/plots/cartesian/axes.js

Lines 1448 to 1451 in 4e00196

	} else if(!ax._inCalcTicks || (headStr !== ax._prevDateHead)) {
	dateStr += '<br>' + headStr;
	ax._prevDateHead = headStr;
	}

[archmoj]

This flips the date upside down - so whatever is normally the second line is the first line in these cases where the labels are bottom-aligned. I don't think that's what we want - we want the order to remain as it was, just move the single-line labels up one line worth.

Perhaps we can do that by, instead of deleting the second line, replacing it (just in these bottom-aligned cases) with a blank line? The logic for whether or not to include the second line is here:

plotly.js/src/plots/cartesian/axes.js

Lines 1448 to 1451 in 4e00196

	} else if(!ax._inCalcTicks || (headStr !== ax._prevDateHead)) {
	dateStr += '<br>' + headStr;
	ax._prevDateHead = headStr;
	}

Good call. Addressed in 11dcbf5.

[alexcjohnson]

Love it! 💃