Heatmap X axis is not aligned

[spkriyaz]

Hi All,

I created a heatmap which includes hourly data for a day with addcoltotals at the end. The heatmap X axis is not aligned according the value it populates. Initially I thought it is due to the addcoltotals value but even after removing it the X axis is not aligned properly. If you see the marker of X axis which I have encircled in red it moves to further and further as it progress to next hour. So finally if you see the 23:00 is shown near the totals blocks. 

Please let me know whether I can align the X axis according the heatmap blocks also it is possible to show the totals which shouldn't affect the aligned of the x axis.

[spkriyaz1 · Accepted solution]

Fixed it by changing the xaxis in the JS as below

xaxis: {
			axisTicks: {
			show: true
			},  
			tickAmount: 24,
			range: 24,
	        labels: {
			  show: true,	
	          style: {
	            colors: yaxisColor,
	            fontSize: "12px",
	            fontFamily:
	              "Splunk Platform Sans,Proxima Nova,Roboto,Droid,Helvetica Neue,Helvetica,Arial,sans-serif",
	            cssClass: "apexcharts-xaxis-label"
	          }
			}
	      }