Highcharts Demo

author(s): Torstein Hønsi

by J. Albert Bowden

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container"></div>
<button id="work">
Show
</button>

CSS

#container {
	min-width: 310px;
	max-width: 800px;
	height: 400px;
	margin: 0 auto
}

JavaScript

var dataFavorableX = {
    "Argentina": {
      "name": "Argentina",
      "data": [34,null,null,null,null,16,22,38,42,null,null,41,36,43,null,null]
    },
    "Australia": {
      "name": "Australia",
      "data": [null,59,null,null,null,null,46,null,null,null,null,66,null,63,60,null]
    },
    "Brazil": {
      "name": "Brazil",
      "data": [null,null,null,null,null,null,null,null,62,62,61,73,65,73,null,null]
    },
    "Canada": {
      "name": "Canada",
      "data": [72,63,null,59,null,55,null,68,null,null,null,64,null,68,65,41]
    },
    "Chile": {
      "name": "Chile",
      "data": [null,null,null,null,null,55,null,null,null,null,null,68,72,68,null,null]
    },
    "Colombia": {
      "name": "Colombia",
      "data": [null,null,null,null,null,null,null,null,null,null,null,null,64,null,null,null]
    },
    "Egypt": {
      "name": "Egypt",
      "data": [null,null,null,null,30,21,22,27,17,20,19,16,10,null,null,null]
    },
    "France": {
      "name": "France",
      "data": [62,42,37,43,39,39,42,75,73,75,69,64,75,73,63,null]
    },
    "Germany": {
      "name": "Germany",
      "data": [60,45,38,42,37,30,31,64,63,62,52,53,51,50,57,null]
    },
    "Ghana": {
      "name": "Ghana",
      "data": [83,null,null,null,null,80,null,null,null,null,null,83,77,89,null,null]
    },
    "Greece": {
      "name": "Greece",
      "data": [null,null,null,null,null,null,null,null,null,null,35,39,34,null,38,null]
    },
    "Hungary": {
      "name": "Hungary",
      "data": [null,null,null,null,null,null,null,null,null,null,null,null,null,null,62,null]
    },
    "India": {
      "name": "India",
      "data": [null,null,null,null,null,null,null,null,null,null,null,56,55,70,56,null]
    },
    "Indonesia": {
      "name": "Indonesia",
      "data": [null,null,null,38,30,29,37,63,59,54,null,61,59,62,null,null]
    },
    "Israel": {
      "name": "Israel",
      "data": [null,78,null,null,null,78,null,71,null,72,null,83,84,81,null,null]
    },
    "Italy": {
  ...