Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

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

CSS

#container {
    height: 400px;
    min-width: 310px;
    max-width: 1400px;
    margin: 0 auto;
}

JavaScript

$(function() {
    var chart = Highcharts.chart('container', {
        chart: {
            type: 'bubble'
        },

        series: [{
            data: [
                [1, 4],
                [1, 2],
                [4, 3],
                [4, 4],
                [3, 5],
                [2, 6]
            ],
            minSize: '20%'
        }],


        colorAxis: {
            minColor: '#c6e48b',
            maxColor: '#196127'
        }
    });
});