Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>

<div id="container"></div>

JavaScript

Highcharts.chart('container', {
  series: [{
    data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
  }],
  chart: {
    type: 'bubble',
    plotBorderWidth: 1,
    zoomType: 'xy',
    height: 600,
  },
  title: {
    text: null
  },
  legend: {
    enabled: true
  },

  tooltip: {
    useHTML: true,
    style: {
      pointerEvents: 'auto'
    },
    formatter: function() {
      return '<b>' + Highcharts.dateFormat('%e-%b', new Date(this.x)) + ' ' + this.y + '</b><br/>' +
        '<b>' + 'ACV: ' + '</b>' + '$' + Math.round(this.point.ACV / 1000).toFixed(1) + 'K' + '<br/>' +
        'Type: ' + this.point.OPP_COB + '<br/>' + 'Name: ' + this.point.REP_NAME + '<br/>' +
        'Link: ' + '<a href="http://www.mywebsite.com/"' + this.point.customID + ' target="_blank"> Click here </a>'

    }
  },
});