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="getRiskDept" style="height: 360px; width: 100%;"></div>

JavaScript

var chartRiskD = new CanvasJS.Chart("getRiskDept",{
    		animationEnabled: 1,
			animationDuration: 2500,
			zoomEnabled: true,
			height:500,
			colorSet: "RiskColors",
			theme: "light2", // "light1", "light2", "dark1", "dark2"
			title:{
				fontColor: "#3A3A3A",
				fontSize: 30,
				fontFamily: "Calibri",
				text: "Customer Flights Wagner Group in 2019" 
			},
			legend:{
				cursor: "pointer",
				itemclick: toggleType4,
			},
			axisX:{
				viewportMinimum: -0.1,
				viewportMaximum: 10,
				labelAngle: -60,
				interval: 1,
				labelFontSize: 15,
				margin: 20
			  },
			data: [
							{
					showInLegend: true,
					type: "stackedColumn100",
					indexLabel: "{y}",
					toolTipContent: "{legendText}, {label}, {y}",
					legendText: "Low",
					indexLabelPlacement: "outside",
					dataPoints: [{"label":"Steel - Toowoomba","y":0},{"label":"R&D \/ Marketing","y":0},{"label":"Human Resources","y":6},{"label":"Mechanical Workshop","y":0},{"label":"Administration","y":12},{"label":"ENFAB","y":0},{"label":"Group HSEQ","y":13},{"label":"Contractor","y":0},{"label":"Quarries - Yarwun","y":0},{"label":"Batching Plant","y":0},{"label":"Laboratory","y":7},{"label":"Control Room","y":0},{"label":"Operations","y":0},{"label":"Safety","y":0},{"label":"Quality Assurance","y":10},{"label":"Manufacturing","y":0},{"label":"Townsville Cement","y":0},{"label":"Quarries - Curtis Island","y":0},{"label":"Quarries - Ichthys Darwin","y":0},{"label":"Quarries - Townsville","y":0},{"label":"Quarries - Pugmill Dysart","y":0},{"label":"Quarries - Burton","y":0},{"label":"Transport - Collinsville","y":0},{"label":"Transport - Wilkie Creek","y":0},{"label":"Transport - Dawson","y":0},{"label":"Transport - Ichthys Darwin","y":0},{"label":"Transport - Yarwun","y":0},{"label":"Transport - ISO","y":0},{"label":"Transport - Toowoomba","y":0},{"label":"Concrete - Kestrel Mine","y":0},{"label":"Concrete - Phosphate Hill","y":0},{"label":"Concrete - Ichthys Darwin","y":0},{"label":"Admin -...