Highcharts Demo

author(s): Torstein Hønsi

by oysteinmoseng

HTML

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

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

CSS

#container {
    height: 400px;
    width: 500px;
}

JavaScript

Highcharts.chart("container", {
  series: [
    {
      boostThreshold: 1,
      type: "scatter",
      data: [
        [1, 1], 
        [2, 1], 
      ],
      zoneAxis: "x",
      zones: [
        { color: "green", value: 1 },
        { color: "red", value: 2 },
      ],
    },
  ],
})