Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

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

CSS

#container {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto
}

JavaScript

Highcharts.chart('container', {
  series: [{
    color: {
      linearGradient: [0, 0, 0, 1],
      stops: [
        [0, 'green'], // start 
        [1, 'black'] // end
      ]
    },
    data: [1, 1, 1, 1]
  }, {
    data: [3, 3, 3, 3],
    color: {
      // linearGradient: [ 00, 00, 00, 350 ], 
      linearGradient: {
        x1: 0,
        y1: 0,
        x2: 0,
        y2: 1,
				gradientUnits: 'userSpaceOnUse'
      },
      stops: [
        [0, 'green'], // start 
        [1, 'black'] // end
      ]
    }
  }]
});