Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 95px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
{     
	dataPointWidth: 35,
  axisX: {
			title:"",
			titleMaxWidth:0,
			minimum:0.9,
			maximum:1.1,
			margin:30,
			labelFormatter: function(e) {
				return "";
			}
		},
		axisY: {
			minimum:0,
			maximum: 100,
			interval: 1,
		},
		toolTip: {
			enabled: false,
			shared: false
		},
		legend:{
			cursor: "pointer",
			maxWidth:0,
			maxHeight:0
		},
	data: [
			
			{
				//type: "stackedBar",
				type: "stackedBar100",
				name: "error",
				color: getStatusColor("error"),
				showInLegend: "false",		
				fillOpacity:0.8,
				click: showAllStatusHistory,
				dataPoints: [
					 { x: 1, y: 1.2776124338624337 },
				]
			},
			{
				//type: "stackedBar",
				type: "stackedBar100",
				name: "error",
				color: getStatusColor("error"),
				showInLegend: "false",		
				fillOpacity:0.8,
				click: showAllStatusHistory,
				dataPoints: [
					 { x: 1, y: 0.7741402116402117 },
				]
			},
			{
				//type: "stackedBar",
				type: "stackedBar100",
				name: "error",
				color: getStatusColor("error"),
				showInLegend: "false",		
				fillOpacity:0.8,
				click: showAllStatusHistory,
				dataPoints: [
					 { x: 1, y: 0.007605820105820106 },
				]
			},
			{
				//type: "stackedBar",
				type: "stackedBar100",
				name: "ready",
				color: getStatusColor("ready"),
				showInLegend: "false",		
				fillOpacity:0.8,
				click: showAllStatusHistory,
				dataPoints: [
					 { x: 1, y: 0.010747354497354497 },
				]
			},
			{
				//type: "stackedBar",
				type: "stackedBar100",
				name: "error",
				color: getStatusColor("error"),
				showInLegend: "false",		
				fillOpacity:0.8,
				click: showAllStatusHistory,
				dataPoints: [
					 { x: 1, y: 0.015046296296296295 },
				]
			},
			{
				//type: "stackedBar",
				type: "stackedBar100",
				name: "halt",
				color: getStatusColor("halt"),
				showInLegend: "false",		
				fillOpacity:0.8,
				click: showAllStatusHistory,
				dataPoints: [
					 { x: 1, y:...