Range Column with CanvasJS

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://chart-templates.com/assets/libs/apps/canvasjs/jquery.canvasjs.min.js" type="text/javascript"></script>
<div id="chart_div"></div>

JavaScript

$(function () {
   new CanvasJS.Chart("chart_div", {
   		dataPointWidth: 100,
   		data: [{
      		type: "rangeColumn",
      		dataPoints: [
          		{label: 1, y : [22, 45]}, 
             	{label: 2, y : [33, 33]},
              {label: 3, y : [10, 60]}
          ]
   		}]
   }).render();
});