Demo For HighStock Step Chart

by Nhi Nguyen

HTML

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

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

JavaScript

$(function() {
    // create the chart
        Highcharts.setOptions({
               global: {
                   useUTC: false
               }
           });
       chart = new Highcharts.StockChart({
          chart: {
              renderTo: 'container'
          },
          title: {
              text: 'Step Chart Demo'
          },
          navigator: {
              enabled:false
          },
          xAxis: {
              showFirstLabel:true,
              showLastLabel:false
          },
          series: [{
              name:'Swimming',
              marker:{
                    enabled:true,
                    symbol:"diamond",
                    radius:5
              },
              lineWidth: 1, // Chanage this to zero to disable lines
              data:[[Date.UTC(2012,05,01),10], [Date.UTC(2012,05,05),10], [Date.UTC(2012,05,05),null],[Date.UTC(2012,05,05),20], [Date.UTC(2012,05,15),20],[Date.UTC(2012,05,15),30], [Date.UTC(2012,05,25),30]]
          } ]
          
         
      });
});