Highcharts Demo

author(s): Torstein Hønsi

by Chetan Hanumantha

HTML

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

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

CSS

#container {
	margin: 0 auto;
	max-width: 400px;
	min-width: 380px;
}

JavaScript

var cfg =  {
            chart: {
                type: 'boxplot',
            },
            title: {
                text: 'Quota Attainment vs. Tenure'
            },
            xAxis: {
                categories: ['LESS THAN 1 YEAR', '1-3 YEARS', '3+ YEARS']
            },
            yAxis: {
            },
            series: [{
                name: 'TechForce (You)',
                data: [
                    [26, 45, 63, 70, 88],
                    [23, 33, 54, 70, 82],
                    [33, 39, 74, 80, 89]
                ]
            },{
                name: 'Similar Companies',
                data: [
                    [16, 35, 68, 75, 90],
                    [23, 33, 54, 70, 82],
                    [26, 45, 63, 70, 88]
                ]
            }]
        };

Highcharts.chart('container', cfg);