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', {
  chart: {
    events: {
      render: function() {
        this.series.forEach(function(series) {
          if (series.legendLine) {
            var pathDef = series.legendLine.attr('d').split(' ');
            pathDef[5] = parseFloat(pathDef[2]) + 0.0001;
            series.legendLine.attr({
              d: pathDef
            });
          }
        })
      }
    }
  },
  series: [{
    color: {
      linearGradient: [0, 0, 0, 1],
      stops: [
        [0, 'green'], // start 
        [1, 'black'] // end
      ]
    },
    data: [1, 1, 1, 1]
  }, {
    data: [3, 3, 2, 3],
    color: {
      // linearGradient: [ 00, 00, 00, 350 ], 
      linearGradient: {
        x1: 0,
        y1: 0,
        x2: 0,
        y2: 1
      },
      stops: [
        [0, 'green'], // start 
        [1, 'black'] // end
      ]
    }
  }]
});