'use strict'; import H from '../../parts/Globals.js'; import '../../parts/Utilities.js'; var Annotation = H.Annotation, MockPoint = Annotation.MockPoint; /** * @class * @extends Annotation * @memberOf Highcharts **/ function VerticalLine() { H.Annotation.apply(this, arguments); } VerticalLine.connectorFirstPoint = function (target) { var annotation = target.annotation, point = annotation.points[0], xy = MockPoint.pointToPixels(point, true), y = xy.y, offset = annotation.options.typeOptions.label.offset; if (annotation.chart.inverted) { y = xy.x; } return { x: point.x, xAxis: point.series.xAxis, y: y + offset }; }; VerticalLine.connectorSecondPoint = function (target) { var annotation = target.annotation, typeOptions = annotation.options.typeOptions, point = annotation.points[0], yOffset = typeOptions.yOffset, xy = MockPoint.pointToPixels(point, true), y = xy[annotation.chart.inverted ? 'x' : 'y']; if (typeOptions.label.offset < 0) { yOffset *= -1; } return { x: point.x, xAxis: point.series.xAxis, y: y + yOffset }; }; H.extendAnnotation(VerticalLine, null, /** @lends Annotation.VerticalLine# */ { getPointsOptions: function () { return [this.options.typeOptions.point]; }, addShapes: function () { var typeOptions = this.options.typeOptions, connector = this.initShape( H.merge(typeOptions.connector, { type: 'path', points: [ VerticalLine.connectorFirstPoint, VerticalLine.connectorSecondPoint ] }), false ); typeOptions.connector = connector.options; }, addLabels: function () { var typeOptions = this.options.typeOptions, labelOptions = typeOptions.label, x = 0, y = labelOptions.offset, verticalAlign = labelOptions.offset < 0 ? 'bottom' : 'top', align = 'center'; if (this.chart.inverted) { x = labelOptions.offset; y = 0; verticalAlign = 'middle'; align = labelOptions.offset < 0 ? 'right' : 'left'; } var label = this.initLabel( H.merge(labelOptions, { verticalAlign: verticalAlign, align: align, x: x, y: y }) ); typeOptions.label = label.options; } }, /** * A vertical line annotation. * * @extends annotations.crookedLine * @excluding labels, shapes, controlPointOptions * @sample highcharts/annotations-advanced/vertical-line/ * Vertical line * @product highstock * @optionparent annotations.verticalLine */ { typeOptions: { /** * @ignore */ yOffset: 10, /** * Label options. * * @extends annotations.crookedLine.labelOptions */ label: { offset: -40, point: function (target) { return target.annotation.points[0]; }, allowOverlap: true, backgroundColor: 'none', borderWidth: 0, crop: true, overflow: 'none', shape: 'rect', text: '{y:.2f}' }, /** * Connector options. * * @extends annotations.crookedLine.shapeOptions * @excluding height, r, type, width */ connector: { strokeWidth: 1, markerEnd: 'arrow' } } }); Annotation.types.verticalLine = VerticalLine; export default VerticalLine;