Highcharts Demo

author(s): Torstein Hønsi

by grant

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<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/export-data.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

[
    {
        "day": "Thursday",
        "kayak": "1",
        "surf": "0",
        "other": "0"
    },
    {
        "day": "Friday",
        "kayak": "0",
        "surf": "0",
        "other": "2"
    },
    {
        "day": "Saturday",
        "kayak": "0",
        "surf": "1",
        "other": "0"
    },
    {
        "day": "Sunday",
        "kayak": "3",
        "surf": "1",
        "other": "0"
    },
    {
        "day": "Monday",
        "kayak": "0",
        "surf": "9",
        "other": "0"
    },
    {
        "day": "Tuesday",
        "kayak": "19",
        "surf": "16",
        "other": "1"
    }
]