Highcharts test tool

by UI Designer

HTML

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

<div id="container" style="height: 300px"></div>

JavaScript

// mapping between SVG attributes and the corresponding options
Highcharts.seriesTypes.bar.prototype.pointAttrToOptions.dashstyle = 'dashStyle';




var chart = new Highcharts.Chart({

  chart: {
    renderTo: 'container',
    type: 'bar'
  },

  xAxis: {
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  },
  plotOptions: {
    bar: {
      stacking: 'percent'
    }
  },

  series: [{
    data: [29.9],
    borderColor: 'black',
    borderWidth: 2,
    dashStyle: 'dash'
  }, {
    data: [13]
  }]

});