Highcharts Demo

author(s): Karol Kolodziej

by hendrikdegraaf

HTML

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

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

CSS

#container {
    height: 400px;
    margin: 0 auto;
    margin-top: 1em;
    min-width: 320px;
    max-width: 800px;
}

JavaScript

Highcharts.chart('container', {

    series: [{
        data: [123, 345, 234, 456],
        type: 'column',
        colorByPoint: true,
        dataLabels: {
            enabled: true,
            inside: true
        }
    }],

    exporting: {
        pdfFont: {
            normal: 'https://www.highcharts.com/samples/data/fonts/NotoSans-Regular.ttf',
            bold: 'https://www.highcharts.com/samples/data/fonts/NotoSans-Bold.ttf',
            bolditalic: 'https://www.highcharts.com/samples/data/fonts/NotoSans-BoldItalic.ttf',
            italic: 'https://www.highcharts.com/samples/data/fonts/NotoSans-Italic.ttf'
        }
    }

});