Highcharts Demo

author(s): Torstein Hønsi

by k_sav

HTML

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

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

JavaScript

const value = 3;

Highcharts.chart('container', {
  chart: {
    type: 'bar'
  },
  series: [{
    data: [parseInt(value)],
    zones: [{
        value: 1,
        color: '#ff0000'
      }, {
        value: 2,
        color: '#FF4500'
      },
      {
        value: 3,
        color: '#32CD32'
      },
      {
        value: 4,
        color: '#0000FF'
      }
    ]
  }]
});