Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<button id='b'>Run Code</button>
<div id="container"></div>

JavaScript

$(function () {
    $("#b").click(testPOST);
    
    var exportUrl = 'http://export.highcharts.com/';

    function testPOST() {
        
        var dataStr= {
            "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": [
                   "xx",
                   "Vulnerable",
                   "xx",
                   "Competitive",
                   "xx",
                   "Strong",
                   "xx",
                   "Very Strong",
                   "xx",
                   "Leader",
                   "xx"
                ],
                "title": {
                    "text": "xx",
                   ...