Vertical Bullet Chart

With amCharts library you can easily produce layered column or bar chart with any number of layers. The trick is simple, you should set <strong>clustered</strong> property of a graph to <strong>false</strong>. Besides that you might want to make columns of the graph more narrow - set columnWidth to a smaller than default value, like 0.5.

by ashishsingh

HTML

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}

JavaScript

AmCharts.makeChart("chartdiv",{
  "type": "serial",
  "theme": "light",
  "startDuration": 1,
  "rotate": false,
  "categoryField": "ZDEPTMBLK",
  "dataProvider": [
    {
      "0": 8263,
      "1": 10328,
      "2": 9089,
      "3": 1,
      "4": 1238,
      "5": 2561,
      "6": 1473,
      "7": 1117,
      "8": 960,
      "9": 287,
      "10": 228,
      "11": 113,
      "12": 77,
      "13": 146,
      "14": 63,
      "15": 8,
      "16": 1,
      "17": 3,
      "18": 7,
      "19": 0,
      "20": 7,
      "21": 8,
      "22": 3,
      "23": 7,
      "24": 46851,
      "25": 148645,
      "26": 127239,
      "27": 132483,
      "28": 138707,
      "29": 55003,
      "30": 46197,
      "31": 25498,
      "32": 21339,
      "33": 44423,
      "34": 18101,
      "35": 12.925087740530074,
      "36": 5,
      "37": 2.626164831175118,
      "38": 4,
      "39": 0.1452257049497761,
      "40": 3,
      "41": 153.4185393258427,
      "42": 138.07668539325843,
      "43": 107.39297752808989,
      "44": 1,
      "45": 17.765944572189277,
      "46": 15,
      "47": 16.83407963209488,
      "48": 10,
      "49": 15.641650035703169,
      "50": 8,
      "51": 0.04150111991992725,
      "52": 5,
      "53": 10.469267810388708,
      "54": 8.375414248310966,
      "55": 1.7601357330745617,
      "56": 5,
      "57": 14.707874837504805,
      "58": 18.384843546881008,
      "59": 6749,
      "60": 8436,
      "61": 7423,
      "62": 8,
      "63": 526,
      "64": 2000,
      "65": 1062,
      "66": 1187,
      "67": 1084,
      "68": 177,
      "69": 339,
      "70": 93,
      "71": 117,
      "72": 164,
      "73": 0,
      "74": 6,
      "75": 0,
      "76": 2,
      "77": 7,
      "78": 4,
      "79": 7,
      "80": 9,
      "81": 3,
      "82": 7,
      "83": 21666,
      "84": 114242,
      "85": 92900,
      "86": 138782,
      "87": 159295,
      "88": 33403,
      "89": 71225,
      "90": 20345,
      "91": 30708,
      "92": 48969,
      "93": 0,
      "94":...