Highcharts Demo

author(s): Torstein Hønsi

by Vijay Kadam

HTML

<script src="https://code.highcharts.com/stock/highstock.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {
  "chart": {
    "type": "column"
  },
  "title": {
    "text": 'title'
  },
  "lang": {
    "drillUpText": "BACK",
    "noData": "No data to display"
  },
  "credits": false,
  "subtitle": {
    "text": "sdafdsf"
  },
  "yAxis": {
    "allowDecimals": false,
    "min": 0,
    "title": {
      "text": "Status"
    }
  },
  "legend": {
    "enabled": true
  },
  "plotOptions": {
    "series": {
      "cursor": "pointer",
      "events": {
      click: function (event) {
                 console.log(event.point);
               }
      }
    },
    "column": {
      "stacking": "normal"
    }
  },
  "tooltip": {
       shared: true
  },
  "xAxis": {
    "type": "category"
  },
  "series": [
    {
      "name": "New",
      "data": [
        {
          "name": "Account",
          "y": 5662,
          "drilldown": "ACCOUNT_NEW",
          "id": "ACCOUNT"
        },
        {
          "name": "HW Change",
          "y": 5659,
          "drilldown": "HW_CHANGE_NEW",
          "id": "HW_CHANGE"
        },
        {
          "name": "HW Health",
          "y": 5720,
          "drilldown": "HW_HEALTH_NEW",
          "id": "HW_HEALTH"
        },
        {
          "name": "HW Inventory",
          "y": 5545,
          "drilldown": "HW_INVENTORY_NEW",
          "id": "HW_INVENTORY"
        },
        {
          "name": "Network",
          "y": 5660,
          "drilldown": "NW_UTILISATION_NEW",
          "id": "NW_UTILISATION"
        },
        {
          "name": "OS Health",
          "y": 5676,
          "drilldown": "OS_HEALTH_NEW",
          "id": "OS_HEALTH"
        },
        {
          "name": "Security",
          "y": 5716,
          "drilldown": "SECURITY_NEW",
          "id": "SECURITY"
        },
        {
          "name": "SW Change",
          "y": 5667,
          "drilldown": "SW_CHANGE_NEW",
          "id": "SW_CHANGE"
        },
        {
          "name": "SW Health",
          "y": 5733,
          "drilldown":...