Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="https://code.highcharts.com/stock/highstock.js"></script>
    <script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/stock/modules/export-data.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    var jdata = {
        "Total": {
            "y": [
            9.39,
            90.35,
            90.36,
            92.69,
            93.02,
            90.32,
            90.6,
            9.09,
            9.5,
            90.69,
            9.6,
            90.69,
            9.53,
            6.92],
                "name": "Total",
                "n": [
            962,
            969,
            999,
            233,
            235,
            968,
            999,
            963,
            989,
            293,
            986,
            293,
            989,
            908]
        },
            "Cat1": {
            "y": [
            6.38,
            6.63,
            90.3,
            9.65,
            90.25,
            8.99,
            92.39,
            99.39,
            9.28,
            99.35,
            99.36,
            93.38,
            8.69,
            8.03],
                "name": "Cat1",
                "n": [
            6,
            6,
            90,
            90,
            90,
            8,
            93,
            93,
            99,
            93,
            93,
            96,
            99,
            9]
        }
    };
    /*
    var arr = [];
$.each(jdata, function(key, val) {
    var y = val.y;
    var name = key;
    var customTooltip = val.n;
    arr.push({y: y, customTooltip: customTooltip})
})*/
    var seriesArr = [];
    $.each(jdata, function (key, data) {
        var series = {
            name: key,
            data: []
        };

        $.each(data.y, function (index, value) {
            series.data.push({
                y: value
            });
        });

        $.each(data.n, function (index, value) {
            series.data[index].n = value;
        });
        seriesArr.push(series);
    });

    var options = {
        chart: {
            renderTo: 'container',
            defaultSeriesType: 'line',
             zoomType: 'x'
        },
       ...