如何在Highcharts（areachart）中添加边框到区域范围

【问题标题】：How to add to border to area range in Highcharts(areachart)如何在Highcharts（areachart）中添加边框到区域范围
【发布时间】：2018-05-28 13:58:11
【问题描述】：

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

adding a border to area range in area chart(Highcharts)

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

【问题讨论】：

stackoverflow.com/questions/50568082/…如何添加border-area-range-in-highchart(areachart)
不清楚你想要什么。请查看How do I ask a good question?

标签： graph highcharts range axis

【解决方案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

【讨论】：