Html Chart

Set the categoryAxis property of the jqxChart. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id='jqxChart' style="width:auto; height:500px; position: relative; left: 0px; top: 0px;"></div>

JavaScript

var sampleData = [{"FileType":"ACO","Status":"PROCESSINGMQ","Total":1},{"FileType":"ACO","Status":"PROCESSED","Total":20179},{"FileType":"Consent","Status":"PROCESSING","Total":1},{"FileType":"Consent","Status":"FAILED","Total":2},{"FileType":"Consent","Status":"PROCESSED","Total":413},{"FileType":"LTDD","Status":"FAILED","Total":23},{"FileType":"LTDD","Status":"PROCESSED","Total":112},{"FileType":"PCN","Status":"FAILED","Total":3},{"FileType":"PCN","Status":"PROCESSED","Total":5},{"FileType":"QBCAR","Status":"FAILEDMQ","Total":1},{"FileType":"QBCAR","Status":"PROCESSED","Total":7},{"FileType":"QBClientSurvey","Status":"FAILED","Total":1},{"FileType":"QBClientSurvey","Status":"PROCESSED","Total":11},{"FileType":"QBClientSurvey","Status":"FAILEDMQ","Total":1},{"FileType":"QBNCR","Status":"FAILED","Total":1},{"FileType":"QBNCR","Status":"PROCESSED","Total":7},{"FileType":"QBSurveillance","Status":"FAILED","Total":2},{"FileType":"QBSurveillance","Status":"PROCESSED","Total":5},{"FileType":"WorkOrder","Status":"FAILED","Total":5},{"FileType":"WorkOrder","Status":"FAILEDMQ","Total":3},{"FileType":"WorkOrder","Status":"FAILEDVALIDATION","Total":5},{"FileType":"WorkOrder","Status":"PROCESSED","Total":533},{"FileType":"WorkOrder","Status":"PROCESSING","Total":1}];
 var settings = {
     title: "Test",
     description: "Test",
     padding: {
         left: 5,
         top: 5,
         right: 5,
         bottom: 5
     },
     titlePadding: {
         left: 0,
         top: 0,
         right: 0,
         bottom: 10
     },
     xAxis:
				{
				    text: 'Category Axis',
				    textRotationAngle: 0,
				    dataField: 'FileType',
				    showTickMarks: true
				},

     source: sampleData,
     enableAnimations: true,
     categoryAxis: {
         dataField: 'FileType',
         description: '',
         showGridLines: true,
         showTickMarks: true
     },
     seriesGroups: [{
         type: 'column',
         valueAxis: {
             description: 'Value',
      ...