Range Columns for Highcharts

by cristiscu

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
<script src="https://code.highcharts.com/highcharts.js" type="text/javascript"></script>
<script src="https://code.highcharts.com/highcharts-more.js" type="text/javascript"></script>
<div id="chart_div"></div>

JavaScript

$(function () {
   new Highcharts.Chart({
      chart: {
         renderTo: "chart_div",
         type: 'columnrange',
      },
      plotOptions: {
         series: {
            borderWidth: 2,
            borderColor: "black",
         }
      },
   		series: [{
      		data: [
          		{low: 22, high: 55},
             	{low: 44, high: 44},
              {low: 12, high: 60}
          ]
   		}],
   });
});