Highcharts Demo

author(s): Torstein Hønsi

by koh_edwin

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

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

CSS

#container {
    height: 450px;
    min-width: 300px;
    max-width: 800px;
    margin: 0 auto;
}

JavaScript

Highcharts.chart('container', {

	title: {
        text: 'Chart with a caption'
    },
    subtitle: {
        text: 'This is the subtitle'
    },
    xAxis: {
        categories: ['Apples', 'Pears', 'Bananas', 'Oranges']
    },
    series: [{
        data: [null, 4, 3, 5],
        type: 'column',
        name: 'Fruits'
    }],
    caption: {
        text: '<b>The caption renders at the bottom of the chart, and is included if the chart is exported.</b><br><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</em>'
    }
});