Highcharts Demo

author(s): Kacper Madej

by Rajesh Danabal

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/bar.js"></script>
<div id="container3"></div>

JavaScript

Highcharts.chart('container3', {
  "chart": {
    "type": "bar"
  },
  "title": {
    "text": null,
  },
  "subtitle": {
    "text": "",
  },
  "credits": {
    "enabled": false
  },
  "exporting": {
    "enabled": false
  },
  "xAxis": {
    "categories": ["Functional", "BU Support", "Infrastructure", "Governance", "Enablement"],
    "scrollbar": {
      "enabled": false
    },
    "labels": {
      "enabled": false,
    },
    "title": {
      "text": ""
    },
    "visible": false
  },
  "yAxis": {
    "visible": false
  },
  "tooltip": {
    "enabled": false
  },
  "plotOptions": {
    "bar": {
      "grouping": false,
      "shadow": false,
      "borderWidth": 0,
      "pointPadding": 0.25,
      "groupPadding": 0,
      "dataLabels": {
        "style": {
          "textShadow": false
        }
      }
    }
  },
  "legend": {
    "enabled": false,
  },
  "series": [ {
    "name": "LE1",
    "enableMouseTracking": false,
    "borderWidth": 0,
    "borderRadius": 0,
    "stacking": "normal",
    "grouping": false,
    "color": "#F4F4F4",
    "data": [52527266.09683198, 45885378.90645004, 30551661.701477997, 8971668.040463999, 7760789.666945998]
  }, {
    "name": "LE1",
    "enableMouseTracking": false,
    "borderWidth": 0,
    "borderRadius": 0,
    "stacking": "normal",
    "grouping": false,
    "color": "#D0D2D3",
    "data": [70036354.79577598, 61180505.20860006, 40735548.935304, 11962224.053952, 10347719.555928]
  }, {
    "name": "LE1",
    "enableMouseTracking": false,
    "borderWidth": 0,
    "borderRadius": 0,
    "stacking": "normal",
    "grouping": false,
    "color": "#E1E2E3",
    "data": [87545443.49471997, 76475631.51075007, 50919436.16913, 14952780.067439998, 12934649.444909997]
  }, {
    "enableMouseTracking": false,
    "name": "Measure",
    "pointRange": 0.5,
    "zIndex": 10,
    "data": [{
      "name": "Functional",
      "y": 422856668.1907827,
      "color": "#929497"
    }, {
      "name": "BU Support",
      "y":...