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', {

    title: {
        text: 'यह है चार्ट का शीर्षक'
    },

    subtitle: {
        text: 'беручи до уваги, що <b>народи</b> Об <i>єднаних</i> Націй <b>' +
            '<i>підтвердили</i></b> в Статуті'
    },

    xAxis: {
        categories: ['ένα', 'δύο', 'τρία', 'τέσσερα']
    },

    series: [{
        data: [123, 345, 234, 456],
        type: 'column',
        colorByPoint: true,
        name: 'Αυτή είναι η σειρά',
        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'
        },
        fallbackToExportServer: false
    }

});