Highcharts Demo

author(s): Torstein Hønsi

by rishad

HTML

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

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

CSS

@import 'https://code.highcharts.com/css/highcharts.css';

JavaScript

Highcharts.chart('container', {

    chart: {
        type: 'line'
    },

    title: {
        text: 'Styling axes'
    },

    yAxis: [{
        title: {
            text: 'Primary axis'
        }
    }, {
        opposite: true,
        title: {
            text: 'Secondary axis'
        }
    }, {
        opposite: false,
        title: {
            text: 'Tertiary axis'
        }
    }, {
        opposite: true,
        title: {
            text: 'Quaternary axis'
        }
    }
    ],


    series: [{
        data: [1, 3, 2, 4]
    }, {
        data: [324, 124, 547, 221],
        yAxis: 1
    }, {
        data: [0.1, 0.5, -0.2, 6],
        yAxis: 2
    }, {
        data: [123123, 123654, 654123, 789123],
        yAxis: 3
    }
    ]

});