Highcharts Demo

author(s): Torstein Hønsi

by sectioni

HTML

<script src="https://code.highcharts.com/6/highcharts.js"></script>
<script src="https://code.highcharts.com/6/js/modules/exporting.js"></script>


<div id="container"></div>

CSS

@import "https://code.highcharts.com/css/highcharts.css";

.pink {
  fill: pink;
}

.green {
  fill: green;
}

.red {
  fill: red;
}

.black {
  fill: black;
}

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column'   
  },
  series: [{"name":"Info","data":[{"name":"EABRAMSON-PC","y":69, "className":"pink"}]},{"name":"Warning","data":[{"name":"EABRAMSON-PC","y":638, "className":"green"}]},{"name":"Error","data":[{"name":"EABRAMSON-PC","y":624, "className":"red"}]},{"name":"Critical", "data":[{"name":"EABRAMSON-PC","y":337, "className":"black"}]}]
});