Highcharts Demo

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', {
    chart: {
        type: 'packedbubble',
    },
    title: {
        text: 'Packed Bubble Chart'
    },
    plotOptions: {
        packedbubble: {
            dataLabels: {
                enabled: true
            }
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right'
    },
    responsive: {
        rules: [{
            condition: {
                minWidth: 599,
            },
            chartOptions: {
                legend: {
                    align: 'left',
                },
            },
        }],
    },
    series: [{
        data: [500, 600, 700, 300, 200]
    }, {
        data: [150, 250, 350, 450, 550]
    }]
});