Highcharts Demo

author(s): Torstein Hønsi

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>

        <div id="highcharts-994d8ebb-5c08-4c83-b4d4-265ed2340006">
            
        </div>

JavaScript

new Highcharts.Chart("highcharts-994d8ebb-5c08-4c83-b4d4-265ed2340006", {
                            "chart": {
                                "type": "column",
                                "alignTicks": false
                            },
                            "plotOptions": {
                                "series": {
                                    "dataLabels": {
                                        "enabled": true
                                    },
                                    "enableMouseTracking": true,
                                    "animation": true
                                }
                            },
                            "title": {
                                "text": "Istorija Snage"
                            },
                            "subtitle": {
                                "text": "Poslednjih 30 dana"
                            },
                            "exporting": {
                                "enabled": false
                            },
                            "yAxis": [{
                                "title": {
                                    "text": "Snaga"
                                },
                                "labels": {
                                    "format": "{value} MW"
                                }
                            }],
                            "xAxis": [{
                                "labels": {
                                    "format": "{value:%d-%m-%Y}"
                                },
                                "type": "datetime",
                                "title": {
                                    "text": "Datum"
                                }
                            }],
                            "series": [{
                            		"type": 'column',
																pointRange: 86400000,
                                "data": [
                                   ...