Как добавить границы к диапазону области в Highcharts (areachart)

Question

http://jsfiddle.net/7gvuA/30/ 1

добавление границы к диапазону области в диаграмме области (Highcharts)

How to add a line to start and end of the first series in Highcharts.

Answer 1

Этого нельзя достичь с помощью параметров диаграммы, но этот простой пользовательский код выполняет свою работу:

  events: {
    load: function() {
      var borderSeries = this.series[2];
      borderSeries.area.attr({ // borderSeries.area is SVGElement
        stroke: 'red',
        'stroke-width': 5,
        d: borderSeries.area.d + ' Z' // close the area
      });
    }
  } 

Он напрямую изменяет SVG серии областей.

Демонстрация в реальном времени: http://jsfiddle.net/BlackLabel/edw44ux4/

Ссылка API: https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr