Highcharts test tool

by Alagar Kamuthurai

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="width: 400px; height: 300px; margin: 0 auto"></div>

JavaScript

$(function() {
  var chart = new Highcharts.Chart({
    chart: {
      renderTo: 'container',
      type: 'gauge',
      events: {
        load: function() {
          this.yAxis[0].ticks[100].label.translate(0, 100);
        }
      }
    },
    pane: {
      startAngle: -150,
      endAngle: 150
    },

    yAxis: [{
      min: 0,
      max: 200,
      offset: -25,
      lineWidth: 2,
      labels: {
        distance: -20,
        rotation: 'auto'
      },
      tickLength: 5,
      minorTickLength: 5,
      endOnTick: false
    }],

    series: [{
      data: [80]
    }]
  });
});