Convert time series heatmap to 2d histogram

plotly.js
1

I created a time series heatmap from multiple time series traces from weather forecast elements such as temperature. For this chart, I used a date series as my x axis, the range of temperature values as y, and z is a 2d matrix with the number of counts of temperature for each date (y/x). The heatmap looks correct against the time series plots:

image
image1070×638 15.4 KB

image
image930×301 114 KB

However, when I change to histogram2dcontour and not changing the x, y, or z data, the resulting plot turns out like this:

image
image1110×690 49.9 KB

As it somewhat looks correct if I were to rotate the plot, I transposed the z data to x/y and confirmed that in the browser debugger. But surprising, the plot was the same. My trace configuration with histogram2dcontour specified instead is:

var heatmaptrace = [{

		x: dateArray,
		y: ybinsstr, 
		z: mergedatatrans,
		type: 'histogram2dcontour',

…

and my x and y axis layout configurations:
xaxis6: {

type: 'date',
range: [startDate, endDate],
ticks: "outside",
tickformatstops: [{
	"dtickrange": [null, 43200000],
	"value": "%a %b %e %0Hz",
},
{
	"dtickrange": [43200000, null],
	"value": "%a %b %e %0Hz"
}
],
domain:[0,1],
anchor: 'y6',
visible: true

},
yaxis6: {

domain: [0.1, 1],
ticks: ybins,
anchor: 'x6',
visible: true

}

Suggestions?