Overflow of Annotation.shapes outside the plot area

[MrR341-GER]

Description of the feature

It would be nice if not only label annotations could be outside of the plot area.

Library related to the feature

Highcharts

Proof of Concept/Live example for the feature

---

You can vote for this feature by adding a thumbs-up reaction to this post.

[pawelfus]

Hi @MrR341-GER

Thank you for sharing the idea!

Workaround:

Demo: https://jsfiddle.net/BlackLabel/Lg28w6d4/

Plugin:

(function(H) {
  H.addEvent(
    H.Chart,
    'render',
    function() {
      (this.annotations || []).forEach(function(annotation) {
        if (annotation.shapesGroup && !annotation.options.crop) {
          annotation.shapesGroup.clip();
        }
      });
    }
  )
})(Highcharts);

API:

  annotations: [{
    crop: false, // <==== new option to configure cropping shapes, similar to labels
    shapes: [{
      type: 'path',
      points: [{
        x: 4,
        y: 250,
        xAxis: 0,
        yAxis: 0
      }, {
        x: 4,
        y: -50,
        xAxis: 0,
        yAxis: 0
      }]
    }]
  }]