Highcharts Demo

author(s): Torstein Hønsi

by Ayyappan Sakthivadivel

HTML

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

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

CSS

#container {
  width: 800px;
  height: 400px;
  margin: 0 auto
}

JavaScript

Highcharts.chart('container', {
    annotations: [{
        labels: [{
            point: {x: 400, y: 220},
            text: 'Max',
            backgroundColor: 'white'
        }]
    }],
    chart: {
        type: 'packedbubble',
        animation: false,
        backgroundColor: {
            linearGradient: {
                x1: 0,
                y1: 0,
                x2: 1,
                y2: 1
            },
            stops: [
                [0, '#15191b'],
                [1, '#15191b']
            ]
        },
    },
    // remove hamburger button
    exporting: {
        enabled: false
    },
    // remove chart watermark (highcharts.com)
    credits: {
        enabled: false
    },
    title: {
        text: 'test',
        enabled: false
    },
    tooltip: {
        useHTML: true,
        headerFormat: 'test',
        pointFormat: '<b>{point.name}</b>'
    },
    plotOptions: {
        packedbubble: {
            minSize: '1%',
            maxSize: '100%',
            zMin: 1,
            zMax: 400,
            layoutAlgorithm: {
                enableSimulation: false,
                gravitationalConstant: 0.05,
                splitSeries: true,
                seriesInteraction: false,
                dragBetweenSeries: false,
                parentNodeLimit: true
            }
        },
        legend: {
            enabled: false
        }
    },
    series: [{
        name: 'Dell',
        data: [{
                name: "Australia",
                value: 29.4
            },
            {
                name: "New Zealand",
                value: 34.1
            },
            {
                name: "Papua New Guinea",
                value: 7.1
            }
        ]
    }]
});