Highcharts test tool

by Igor Peshkov

HTML

<script src="https://code.highcharts.com/8.1.0/highcharts.js"></script>
<script src="https://code.highcharts.com/8.1.0/highcharts-more.js"></script>
<script src="https://code.highcharts.com/8.1.0/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/accessibility.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/annotations.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/boost.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/broken-axis.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/data.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/exporting.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/drilldown.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/funnel.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/heatmap.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/no-data-to-display.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/8.1.0/modules/solid-gauge.js"></script>

<div id="live_mijnkostprijs_910_0" style="height: 300px"></div>

JavaScript

document.addEventListener('DOMContentLoaded', function () {
    Highcharts.chart("live_mijnkostprijs_910_0", {
    	"title": {
            "text": "",
            "style": {
                "fontFamily": "Verdana",
                "color": "#333333",
                "fontSize": "18px",
                "fontWeight": "normal",
                "fontStyle": "normal"
            }
        },
        "subtitle": {
            "text": "chart subtitle",
            "style": {
                "fontFamily": "Default",
                "color": "#ffffff",
                "fontSize": "12px",
                "fontWeight": "normal",
                "fontStyle": "normal"
            }
        },
        "exporting": {},
        "chart": {
            "inverted": true,
            "polar": false,
            "borderColor": "rgb(56,181,170)",
            "borderWidth": 1,
            "borderRadius": 28,
            "width": 631,
            "height": 423,
            "parallelAxes": {
                "reversedStacks": false,
                "reversed": false
            }
        },
        "plotOptions": {
            "series": {
                "stacking": "percent",
                "dataLabels": {
                    "enabled": true,
                    "format": "{point.label}"
                },
                "animation": false
            }
        },
        "xAxis": {
            "index": 0,
            "isX": true,
            "title": {
                "style": {
                    "fontFamily": "Default",
                    "color": "#666666",
                    "fontSize": "26px",
                    "fontWeight": "normal",
                    "fontStyle": "normal"
                }
            },
            "reversedStacks": false,
            "opposite": false,
            "reversed": true,
            "showEmpty": true,
            "type": "category"
        },
        "yAxis": {
            "index": 0,
            "title": {
                "text": "",
      ...