Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

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

JavaScript

Highcharts.chart('container', {
  yAxis: [{
    min: -1,
    max: 1
  }],

  series: [{
      type: 'area',
      data: [-1, -0.2, -0.2, -1],
      threshold: -Infinity
    }, {
      type: 'area',
      data: [1, 0.2, 0.2, 1],
      threshold: Infinity
    },
    {
      type: 'spline',
      data: [0.2, 0, 0, -0.2],
      threshold: 1,
      color: '#000'
    }
  ]
});