Highcharts Demo

author(s): Torstein Hønsi

by Gert Vaartjes

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {
  "chart": {
    "type": "column",
    "polar": false
  },
 
  "title": {
    "text": "My Chart"
  },
  "subtitle": {
    "text": "My Untitled Chart"
  },
  "series": [{
    "name": "Berlin",
    dataLabels: {
        	crop: false,
          overflow: 'none',
        	enabled: true,
          useHTML: true,
          format: '<div style="padding:2px; background-color: black; border: 1px solid white;color:white;">{point.y}</div>',
          y: -5
        },
  
   
    
    "_dataLabels": {
    
      "enabled": true,      
      "_backgroundColor": "#212121",
      "padding": 5,
      
     
      "inside": false
      
    }
  }],
  "data": {
    "csv": "\"Categories\";\"Berlin\"\n\"Jan\";-0.9\n\"Feb\";0.6\n\"Mar\";3.5\n\"Apr\";8.4\n\"May\";13.5\n\"Jun\";17\n\"Jul\";18.6\n\"Aug\";17.9\n\"Sep\";14.3\n\"Oct\";9\n\"Nov\";3.9\n\"Dec\";1",
    "googleSpreadsheetKey": false,
    "googleSpreadsheetWorksheet": false
  }
});