Highcharts test tool

by Gopinath

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 300px; height: 300px; margin: 1em"></div>
<button id="export">export</button>
<div id="imgContainer"></div>

CSS

a {
    padding-left:20px;
    padding-bottom: 50px;
}

JavaScript

$('#container').highcharts({

    exporting: {
        url: 'http://export.highcharts.com/',
        enabled: false
        
    },
     
            "colors": [
               "#C00000"
            ],
            "chart": {
                "type": "bar"
            },
            "title": {
                "text": "Current Analysis Competitive Index",
                "style": {
                    "fontWeight": "bold",
                    "color": "rgba(164, 0, 31, 0.96)"
                }
            },
            "subtitle": {
                "text": "Source: © 2017 Current Analysis, Inc."
            },
            "xAxis": {
                "tickWidth": 1,
                "minPadding": 0,
                "maxPadding": 0,
                "categories": [
                   "Overall",
                   "Vision/Strategy",
                   "Momentum & Stability",
                   "Innovation",
                   "Product Portfolio",
                   "Go-to-Market",
                   "Service & Support"
                ],
                "title": {
                    "text": null
                },
                "labels": {
                    "style": {
                        "color": "#000000",
                        "fontWeight": "bold",
                        "fontSize": "12px"
                    }
                }
            },
            "yAxis": {
                "min": 0,
                "max": 10,
                "tickInterval": 1,
                "tickmarkPlacement": "off",
                "categories": [
                   "",
                   "Vulnerable",
                   "",
                   "Competitive",
                   "",
                   "Strong",
                   "",
                   "Very Strong",
                   "",
                   "Leader",
                   ""
                ],
                "title": {
                    "text": "",
                    "align": "high"
                },
         ...