Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/5.0.12/highcharts.js"></script>

<div id="P_ComposerPart0_Chart_Container" style="width:300px;height:300px;">Loading...</div>

CSS

.highcharts-tooltip {
  word-break: break-all;
}

JavaScript

$(function() {


  Highcharts.setOptions({
    "lang": {
      "months": ["Januar", "Februar", "M\u00E4rz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
      "shortMonths": ["Jan", "Feb", "Mrz", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"],
      "weekdays": ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
      "rangeSelectorFrom": "From:",
      "rangeSelectorTo": "To:",
      "thousandsSep": "\'",
      "decimalPoint": "."
    }
  });

  var chartP_ComposerPart0_ChartColors = ['#536a89', '#c9d6cd'];
  var chartP_ComposerPart0_ChartSetup = {
    chart: {
      "type": "bar",
      "alignTicks": false,
      "renderTo": "P_ComposerPart0_Chart_Container",
      "marginRight": 26,
      "amsClientID": "P_ComposerPart0_Chart",
      "amsExportWidth": 449,
      "amsExportHeight": 289
    },
    credits: {
      enabled: false
    },
    colors: chartP_ComposerPart0_ChartColors,
    title: {
      "text": null,
      "style": {
        "fontFamily": "Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif",
        "fontSize": "13px",
        "fontWeight": "bold",
        "color": "#222222"
      }
    },
    "legend": {
      "enabled": false,
      "borderWidth": 0,
      "itemMarginTop": 5,
      "itemMarginBottom": 5,
      "itemDistance": 8,
      "itemStyle": {
        "fontFamily": "Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif",
        "fontSize": "11px",
        "fontWeight": "normal",
        "color": "#222222"
      },
      "symbolRadius": 0
    },
    "exporting": {
      "buttons": {
        "contextButton": {
          "enabled": false
        },
        "exportButton": {
          "enabled": false
        },
        "printButton": {
          "enabled": false
        }
      }
    },
    "tooltip": {
      "valueDecimals": 0,
      "headerFormat": "<span  style=\"font-size: 14px; font-weight: normal; \">{point.key}</span><br/>",
      "shared":...