HS rowsURL + plotBand

author(s): Torstein Hønsi

by halloleo

HTML

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

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

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'spline'
  },

  data: {
    rowsURL: 'https://api.jsonbin.io/b/5fc9b60d516f9d127027d730',
  },
  
  xAxis: {
    plotBands: [{
      color: '#FCFFC5',
      from: 3.5,
      to: 7.5
    }]
  },

  series: [{
    colorIndex: 2,
    tooltip: {
      valueSuffix: " val"
    }
  }]
});