Step Chart Demo

Step Chart Demo Using High Chart

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 450px; min-width: 500px"></div>

JavaScript

$(function() {
    // create the chart
      chart = new Highcharts.Chart({
          chart: {
              renderTo: 'container'
          },
          title: {
              text: 'Step Chart Demo'
          },
          xAxis:{
              min:0
          },    
          series: [{
              name:'Swimming',
              lineWidth: 0, // Chanage this to zero to disable lines
              data:[[20,10], [30,10], [30,20], [45,20], [45,30]]
          }, {
              name:'Running',
              lineWidth: 0, // Chanage this to zero to disable lines
              data:[[10,15], [15,15], [15,20], [25,20], [25,30], [30,30]]
              
          }]
      });
});