Sort Order in CanvasJS

Need help changing the order of the X-Axis

by phayes0289

HTML

<script   src="https://code.jquery.com/jquery-3.3.1.min.js"   integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="   crossorigin="anonymous"></script>


 <script src="https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js"></script>
 
 <br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="per_crime_yr_mon" style="height: 360px; width: 100%;"></div>

JavaScript

//Stacked SERIOUS Crime by Month
	var chart = new CanvasJS.Chart("per_crime_yr_mon", {
	exportEnabled: true,
	animationEnabled: true,
	title:{
		text: "Serious Personal Crime for last three Decembers's'",
		fontSize: 24,
	},
	axisX: {
			title: "Year",
		   labelFontSize: 12,
		   titleFontSize: 20,
				//	interval: 12,
		//intervalType: "month",
	},
	axisY:{
		gridColor: "#B6B1A8",
		tickColor: "#B6B1A8"
	},
	toolTip: {
		shared: true,
		content: toolTipContent
	},
	data: [{
		type: "stackedColumn",
		showInLegend: true,
		//color: "#4F81BC",
		name: "Robberies",
		indexLabel: "{y}",
		indexLabelFontColor: "#FFFFFF",
		indexLabelPlacement: "inside",
		indexLabelFontSize: 12,
		dataPoints: [
			
			{ y: 6, label: "2020 - December" },
			
			{ y: 5, label: "2019 - December" },
			
			{ y: 5, label: "2018 - December" },
			
		]
		},
		{        
			type: "stackedColumn",
			showInLegend: true,
			name: "Sexual Assaults",
			color: "#c24642",
			indexLabel: "{y}",
		indexLabelFontColor: "#FFFFFF",
		indexLabelPlacement: "inside",
		indexLabelFontSize: 12,
			dataPoints: [
				
			{ y: 1, label: "2020 - December" },
				
			{ y: 4, label: "2018 - December" },
				
			]
		},
		   
		{        
			type: "stackedColumn",
			showInLegend: true,
			name: "Aggravated Assaults",
			//color: "#c24642",
			indexLabel: "{y}",
		indexLabelFontColor: "#FFFFFF",
		indexLabelPlacement: "inside",
		indexLabelFontSize: 12,
			dataPoints: [
				
			{ y: 5,  label: "2020 - December" },
				
			{ y: 12,  label: "2019 - December" },
				
			{ y: 7,  label: "2018 - December" },
				
			]
		},
		   
		{        
			type: "stackedColumn",
			showInLegend: true,
			name: "Homicide",
			//color: "#c24642",
			indexLabel: "{y}",
		indexLabelFontColor: "#FFFFFF",
		indexLabelPlacement: "inside",
		indexLabelFontSize: 12,
			dataPoints: [
				
			{ y: 2, label: "2020 - December" },
				
			]
		}
		]
});
chart.render();	

	
function toggleDataSeries(e) {
	if (typeof(e.dataSeries.visible) ===...