/* * * * (c) 2010-2020 Torstein Honsi * * License: www.highcharts.com/license * * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!! * * */ 'use strict'; import Axis from '../parts/Axis.js'; import Tick from '../parts/Tick.js'; import HiddenAxis from './HiddenAxis.js'; import U from '../parts/Utilities.js'; var addEvent = U.addEvent, correctFloat = U.correctFloat, defined = U.defined, extend = U.extend, fireEvent = U.fireEvent, merge = U.merge, pick = U.pick, pInt = U.pInt, relativeLength = U.relativeLength, wrap = U.wrap; /** * @private * @class */ var RadialAxis = /** @class */ (function () { function RadialAxis() { } /* * * * Static Functions * * */ RadialAxis.init = function (axis) { var axisProto = Axis.prototype; // Merge and set options. axis.setOptions = function (userOptions) { var options = this.options = merge(axis.constructor.defaultOptions, this.defaultPolarOptions, userOptions); // Make sure the plotBands array is instanciated for each Axis // (#2649) if (!options.plotBands) { options.plotBands = []; } fireEvent(this, 'afterSetOptions'); }; // Wrap the getOffset method to return zero offset for title or labels // in a radial axis. axis.getOffset = function () { // Call the Axis prototype method (the method we're in now is on the // instance) axisProto.getOffset.call(this); // Title or label offsets are not counted this.chart.axisOffset[this.side] = 0; }; /** * Get the path for the axis line. This method is also referenced in the * getPlotLinePath method. * * @private * * @param {number} _lineWidth * Line width is not used. * * @param {number} [radius] * Radius of radial path. * * @param {number} [innerRadius] * Inner radius of radial path. * * @return {RadialAxisPath} */ axis.getLinePath = function (_lineWidth, radius, innerRadius) { var center = this.pane.center, end, chart = this.chart, r = pick(radius, center[2] / 2 - this.offset), path; if (typeof innerRadius === 'undefined') { innerRadius = this.horiz ? 0 : this.center && -this.center[3] / 2; } // In case when innerSize of pane is set, it must be included if (innerRadius) { r += innerRadius; } if (this.isCircular || typeof radius !== 'undefined') { path = this.chart.renderer.symbols.arc(this.left + center[0], this.top + center[1], r, r, { start: this.startAngleRad, end: this.endAngleRad, open: true, innerR: 0 }); // Bounds used to position the plotLine label next to the line // (#7117) path.xBounds = [this.left + center[0]]; path.yBounds = [this.top + center[1] - r]; } else { end = this.postTranslate(this.angleRad, r); path = [ ['M', this.center[0] + chart.plotLeft, this.center[1] + chart.plotTop], ['L', end.x, end.y] ]; } return path; }; /** * Override setAxisTranslation by setting the translation to the * difference in rotation. This allows the translate method to return * angle for any given value. * * @private */ axis.setAxisTranslation = function () { // Call uber method axisProto.setAxisTranslation.call(this); // Set transA and minPixelPadding if (this.center) { // it's not defined the first time if (this.isCircular) { this.transA = (this.endAngleRad - this.startAngleRad) / ((this.max - this.min) || 1); } else { // The transA here is the length of the axis, so in case // of inner radius, the length must be decreased by it this.transA = ((this.center[2] - this.center[3]) / 2) / ((this.max - this.min) || 1); } if (this.isXAxis) { this.minPixelPadding = this.transA * this.minPointOffset; } else { // This is a workaround for regression #2593, but categories // still don't position correctly. this.minPixelPadding = 0; } } }; /** * In case of auto connect, add one closestPointRange to the max value * right before tickPositions are computed, so that ticks will extend * passed the real max. * @private */ axis.beforeSetTickPositions = function () { // If autoConnect is true, polygonal grid lines are connected, and // one closestPointRange is added to the X axis to prevent the last // point from overlapping the first. this.autoConnect = (this.isCircular && typeof pick(this.userMax, this.options.max) === 'undefined' && correctFloat(this.endAngleRad - this.startAngleRad) === correctFloat(2 * Math.PI)); // This will lead to add an extra tick to xAxis in order to display // a correct range on inverted polar if (!this.isCircular && this.chart.inverted) { this.max++; } if (this.autoConnect) { this.max += ((this.categories && 1) || this.pointRange || this.closestPointRange || 0); // #1197, #2260 } }; /** * Override the setAxisSize method to use the arc's circumference as * length. This allows tickPixelInterval to apply to pixel lengths along * the perimeter. * @private */ axis.setAxisSize = function () { var center, start; axisProto.setAxisSize.call(this); if (this.isRadial) { // Set the center array this.pane.updateCenter(this); // In case when the innerSize is set in a polar chart, the axis' // center cannot be a reference to pane's center center = this.center = extend([], this.pane.center); // The sector is used in Axis.translate to compute the // translation of reversed axis points (#2570) if (this.isCircular) { this.sector = this.endAngleRad - this.startAngleRad; } else { // When the pane's startAngle or the axis' angle is set then // new x and y values for vertical axis' center must be // calulated start = this.postTranslate(this.angleRad, center[3] / 2); center[0] = start.x - this.chart.plotLeft; center[1] = start.y - this.chart.plotTop; } // Axis len is used to lay out the ticks this.len = this.width = this.height = (center[2] - center[3]) * pick(this.sector, 1) / 2; } }; /** * Returns the x, y coordinate of a point given by a value and a pixel * distance from center. * * @private * * @param {number} value * Point value. * * @param {number} [length] * Distance from center. * * @return {Highcharts.PositionObject} */ axis.getPosition = function (value, length) { var translatedVal = this.translate(value); return this.postTranslate(this.isCircular ? translatedVal : this.angleRad, // #2848 // In case when translatedVal is negative, the 0 value must be // used instead, in order to deal with lines and labels that // fall out of the visible range near the center of a pane pick(this.isCircular ? length : (translatedVal < 0 ? 0 : translatedVal), this.center[2] / 2) - this.offset); }; /** * Translate from intermediate plotX (angle), plotY (axis.len - radius) * to final chart coordinates. * * @private * * @param {number} angle * Translation angle. * * @param {number} radius * Translation radius. * * @return {Highcharts.PositionObject} */ axis.postTranslate = function (angle, radius) { var chart = this.chart, center = this.center; angle = this.startAngleRad + angle; return { x: chart.plotLeft + center[0] + Math.cos(angle) * radius, y: chart.plotTop + center[1] + Math.sin(angle) * radius }; }; /** * Find the path for plot bands along the radial axis. * * @private * * @param {number} from * From value. * * @param {number} to * To value. * * @param {Highcharts.AxisPlotBandsOptions} options * Band options. * * @return {RadialAxisPath} */ axis.getPlotBandPath = function (from, to, options) { var center = this.center, startAngleRad = this.startAngleRad, fullRadius = center[2] / 2, radii = [ pick(options.outerRadius, '100%'), options.innerRadius, pick(options.thickness, 10) ], offset = Math.min(this.offset, 0), percentRegex = /%$/, start, end, angle, xOnPerimeter, open, isCircular = this.isCircular, // X axis in a polar chart path; // Polygonal plot bands if (this.options.gridLineInterpolation === 'polygon') { path = this.getPlotLinePath({ value: from }).concat(this.getPlotLinePath({ value: to, reverse: true })); // Circular grid bands } else { // Keep within bounds from = Math.max(from, this.min); to = Math.min(to, this.max); // Plot bands on Y axis (radial axis) - inner and outer radius // depend on to and from if (!isCircular) { radii[0] = this.translate(from); radii[1] = this.translate(to); } // Convert percentages to pixel values radii = radii.map(function (radius) { if (percentRegex.test(radius)) { radius = (pInt(radius, 10) * fullRadius) / 100; } return radius; }); // Handle full circle if (options.shape === 'circle' || !isCircular) { start = -Math.PI / 2; end = Math.PI * 1.5; open = true; } else { start = startAngleRad + this.translate(from); end = startAngleRad + this.translate(to); } radii[0] -= offset; // #5283 radii[2] -= offset; // #5283 path = this.chart.renderer.symbols.arc(this.left + center[0], this.top + center[1], radii[0], radii[0], { // Math is for reversed yAxis (#3606) start: Math.min(start, end), end: Math.max(start, end), innerR: pick(radii[1], radii[0] - radii[2]), open: open }); // Provide positioning boxes for the label (#6406) if (isCircular) { angle = (end + start) / 2; xOnPerimeter = (this.left + center[0] + (center[2] / 2) * Math.cos(angle)); path.xBounds = angle > -Math.PI / 2 && angle < Math.PI / 2 ? // Right hemisphere [xOnPerimeter, this.chart.plotWidth] : // Left hemisphere [0, xOnPerimeter]; path.yBounds = [ this.top + center[1] + (center[2] / 2) * Math.sin(angle) ]; // Shift up or down to get the label clear of the perimeter path.yBounds[0] += ((angle > -Math.PI && angle < 0) || (angle > Math.PI)) ? -10 : 10; } } return path; }; // Find the correct end values of crosshair in polar. axis.getCrosshairPosition = function (options, x1, y1) { var axis = this, value = options.value, center = axis.pane.center, shapeArgs, end, x2, y2; if (axis.isCircular) { if (!defined(value)) { // When the snap is set to false x2 = options.chartX || 0; y2 = options.chartY || 0; value = axis.translate(Math.atan2(y2 - y1, x2 - x1) - axis.startAngleRad, true); } else if (options.point) { // When the snap is set to true shapeArgs = options.point.shapeArgs || {}; if (shapeArgs.start) { // Find a true value of the point based on the // angle value = axis.chart.inverted ? axis.translate(options.point.rectPlotY, true) : options.point.x; } } end = axis.getPosition(value); x2 = end.x; y2 = end.y; } else { if (!defined(value)) { x2 = options.chartX; y2 = options.chartY; } if (defined(x2) && defined(y2)) { // Calculate radius of non-circular axis' crosshair y1 = center[1] + axis.chart.plotTop; value = axis.translate(Math.min(Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)), center[2] / 2) - center[3] / 2, true); } } return [value, x2 || 0, y2 || 0]; }; // Find the path for plot lines perpendicular to the radial axis. axis.getPlotLinePath = function (options) { var axis = this, center = axis.pane.center, chart = axis.chart, inverted = chart.inverted, value = options.value, reverse = options.reverse, end = axis.getPosition(value), background = axis.pane.options.background ? (axis.pane.options.background[0] || axis.pane.options.background) : {}, innerRadius = background.innerRadius || '0%', outerRadius = background.outerRadius || '100%', x1 = center[0] + chart.plotLeft, y1 = center[1] + chart.plotTop, x2 = end.x, y2 = end.y, height = axis.height, isCrosshair = options.isCrosshair, paneInnerR = center[3] / 2, innerRatio, distance, a, b, otherAxis, xy, tickPositions, crossPos, path; // Crosshair logic if (isCrosshair) { // Find crosshair's position and perform destructuring // assignment crossPos = this.getCrosshairPosition(options, x1, y1); value = crossPos[0]; x2 = crossPos[1]; y2 = crossPos[2]; } // Spokes if (axis.isCircular) { distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)); a = (typeof innerRadius === 'string') ? relativeLength(innerRadius, 1) : (innerRadius / distance); b = (typeof outerRadius === 'string') ? relativeLength(outerRadius, 1) : (outerRadius / distance); // To ensure that gridlines won't be displayed in area // defined by innerSize in case of custom radiuses of pane's // background if (center && paneInnerR) { innerRatio = paneInnerR / distance; if (a < innerRatio) { a = innerRatio; } if (b < innerRatio) { b = innerRatio; } } path = [ ['M', x1 + a * (x2 - x1), y1 - a * (y1 - y2)], ['L', x2 - (1 - b) * (x2 - x1), y2 + (1 - b) * (y1 - y2)] ]; // Concentric circles } else { // Pick the right values depending if it is grid line or // crosshair value = axis.translate(value); // This is required in case when xAxis is non-circular to // prevent grid lines (or crosshairs, if enabled) from // rendering above the center after they supposed to be // displayed below the center point if (value) { if (value < 0 || value > height) { value = 0; } } if (axis.options.gridLineInterpolation === 'circle') { // A value of 0 is in the center, so it won't be // visible, but draw it anyway for update and animation // (#2366) path = axis.getLinePath(0, value, paneInnerR); // Concentric polygons } else { path = []; // Find the other axis (a circular one) in the same pane chart[inverted ? 'yAxis' : 'xAxis'].forEach(function (a) { if (a.pane === axis.pane) { otherAxis = a; } }); if (otherAxis) { tickPositions = otherAxis.tickPositions; if (otherAxis.autoConnect) { tickPositions = tickPositions.concat([tickPositions[0]]); } // Reverse the positions for concatenation of polygonal // plot bands if (reverse) { tickPositions = tickPositions.slice().reverse(); } if (value) { value += paneInnerR; } for (var i = 0; i < tickPositions.length; i++) { xy = otherAxis.getPosition(tickPositions[i], value); path.push(i ? ['L', xy.x, xy.y] : ['M', xy.x, xy.y]); } } } } return path; }; // Find the position for the axis title, by default inside the gauge. axis.getTitlePosition = function () { var center = this.center, chart = this.chart, titleOptions = this.options.title; return { x: chart.plotLeft + center[0] + (titleOptions.x || 0), y: (chart.plotTop + center[1] - ({ high: 0.5, middle: 0.25, low: 0 }[titleOptions.align] * center[2]) + (titleOptions.y || 0)) }; }; /** * Attach and return collecting function for labels in radial axis for * anti-collision. * * @private * * @return {Highcharts.ChartLabelCollectorFunction} */ axis.createLabelCollector = function () { var axis = this; return function () { if (axis.isRadial && axis.tickPositions && // undocumented option for now, but working axis.options.labels.allowOverlap !== true) { return axis.tickPositions .map(function (pos) { return axis.ticks[pos] && axis.ticks[pos].label; }) .filter(function (label) { return Boolean(label); }); } }; }; }; /** * Augments methods for the value axis. * * @private * * @param {Highcharts.Axis} AxisClass * Axis class to extend. * * @param {Highcharts.Tick} TickClass * Tick class to use. */ RadialAxis.compose = function (AxisClass, TickClass) { /* eslint-disable no-invalid-this */ // Actions before axis init. addEvent(AxisClass, 'init', function (e) { var axis = this; var chart = axis.chart; var inverted = chart.inverted, angular = chart.angular, polar = chart.polar, isX = axis.isXAxis, coll = axis.coll, isHidden = angular && isX, isCircular, chartOptions = chart.options, paneIndex = e.userOptions.pane || 0, pane = this.pane = chart.pane && chart.pane[paneIndex]; // Prevent changes for colorAxis if (coll === 'colorAxis') { this.isRadial = false; return; } // Before prototype.init if (angular) { if (isHidden) { HiddenAxis.init(axis); } else { RadialAxis.init(axis); } isCircular = !isX; if (isCircular) { axis.defaultPolarOptions = RadialAxis.defaultRadialGaugeOptions; } } else if (polar) { RadialAxis.init(axis); // Check which axis is circular isCircular = axis.horiz; axis.defaultPolarOptions = isCircular ? RadialAxis.defaultCircularOptions : merge(coll === 'xAxis' ? AxisClass.defaultOptions : AxisClass.defaultYAxisOptions, RadialAxis.defaultRadialOptions); // Apply the stack labels for yAxis in case of inverted chart if (inverted && coll === 'yAxis') { axis.defaultPolarOptions.stackLabels = AxisClass.defaultYAxisOptions.stackLabels; } } // Disable certain features on angular and polar axes if (angular || polar) { axis.isRadial = true; chartOptions.chart.zoomType = null; if (!axis.labelCollector) { axis.labelCollector = axis.createLabelCollector(); } if (axis.labelCollector) { // Prevent overlapping axis labels (#9761) chart.labelCollectors.push(axis.labelCollector); } } else { this.isRadial = false; } // A pointer back to this axis to borrow geometry if (pane && isCircular) { pane.axis = axis; } axis.isCircular = isCircular; }); addEvent(AxisClass, 'afterInit', function () { var axis = this; var chart = axis.chart, options = axis.options, isHidden = chart.angular && axis.isXAxis, pane = axis.pane, paneOptions = pane && pane.options; if (!isHidden && pane && (chart.angular || chart.polar)) { // Start and end angle options are given in degrees relative to // top, while internal computations are in radians relative to // right (like SVG). // Y axis in polar charts axis.angleRad = (options.angle || 0) * Math.PI / 180; // Gauges axis.startAngleRad = (paneOptions.startAngle - 90) * Math.PI / 180; axis.endAngleRad = (pick(paneOptions.endAngle, paneOptions.startAngle + 360) - 90) * Math.PI / 180; // Gauges axis.offset = options.offset || 0; } }); // Wrap auto label align to avoid setting axis-wide rotation on radial // axes. (#4920) addEvent(AxisClass, 'autoLabelAlign', function (e) { if (this.isRadial) { e.align = void 0; e.preventDefault(); } }); // Remove label collector function on axis remove/update addEvent(AxisClass, 'destroy', function () { var axis = this; if (axis.chart && axis.chart.labelCollectors) { var index = (axis.labelCollector ? axis.chart.labelCollectors.indexOf(axis.labelCollector) : -1); if (index >= 0) { axis.chart.labelCollectors.splice(index, 1); } } }); // Add special cases within the Tick class' methods for radial axes. addEvent(TickClass, 'afterGetPosition', function (e) { var tick = this; if (tick.axis.getPosition) { extend(e.pos, tick.axis.getPosition(this.pos)); } }); // Find the center position of the label based on the distance option. addEvent(TickClass, 'afterGetLabelPosition', function (e) { var tick = this; var axis = tick.axis; var label = tick.label; if (!label) { return; } var labelBBox = label.getBBox(), labelOptions = axis.options.labels, optionsY = labelOptions.y, ret, centerSlot = 20, // 20 degrees to each side at the top and bottom align = labelOptions.align, angle = ((axis.translate(this.pos) + axis.startAngleRad + Math.PI / 2) / Math.PI * 180) % 360, correctAngle = Math.round(angle), labelDir = 'end', // Direction of the label 'start' or 'end' reducedAngle1 = correctAngle < 0 ? correctAngle + 360 : correctAngle, reducedAngle2 = reducedAngle1, translateY = 0, translateX = 0, labelYPosCorrection = labelOptions.y === null ? -labelBBox.height * 0.3 : 0; if (axis.isRadial) { // Both X and Y axes in a polar chart ret = axis.getPosition(this.pos, (axis.center[2] / 2) + relativeLength(pick(labelOptions.distance, -25), axis.center[2] / 2, -axis.center[2] / 2)); // Automatically rotated if (labelOptions.rotation === 'auto') { label.attr({ rotation: angle }); // Vertically centered } else if (optionsY === null) { optionsY = (axis.chart.renderer .fontMetrics(label.styles && label.styles.fontSize).b - labelBBox.height / 2); } // Automatic alignment if (align === null) { if (axis.isCircular) { // Y axis if (labelBBox.width > axis.len * axis.tickInterval / (axis.max - axis.min)) { // #3506 centerSlot = 0; } if (angle > centerSlot && angle < 180 - centerSlot) { align = 'left'; // right hemisphere } else if (angle > 180 + centerSlot && angle < 360 - centerSlot) { align = 'right'; // left hemisphere } else { align = 'center'; // top or bottom } } else { align = 'center'; } label.attr({ align: align }); } // Auto alignment for solid-gauges with two labels (#10635) if (align === 'auto' && axis.tickPositions.length === 2 && axis.isCircular) { // Angles reduced to 0 - 90 or 180 - 270 if (reducedAngle1 > 90 && reducedAngle1 < 180) { reducedAngle1 = 180 - reducedAngle1; } else if (reducedAngle1 > 270 && reducedAngle1 <= 360) { reducedAngle1 = 540 - reducedAngle1; } // Angles reduced to 0 - 180 if (reducedAngle2 > 180 && reducedAngle2 <= 360) { reducedAngle2 = 360 - reducedAngle2; } if ((axis.pane.options.startAngle === correctAngle) || (axis.pane.options.startAngle === correctAngle + 360) || (axis.pane.options.startAngle === correctAngle - 360)) { labelDir = 'start'; } if ((correctAngle >= -90 && correctAngle <= 90) || (correctAngle >= -360 && correctAngle <= -270) || (correctAngle >= 270 && correctAngle <= 360)) { align = (labelDir === 'start') ? 'right' : 'left'; } else { align = (labelDir === 'start') ? 'left' : 'right'; } // For angles beetwen (90 + n * 180) +- 20 if (reducedAngle2 > 70 && reducedAngle2 < 110) { align = 'center'; } // auto Y translation if (reducedAngle1 < 15 || (reducedAngle1 >= 180 && reducedAngle1 < 195)) { translateY = labelBBox.height * 0.3; } else if (reducedAngle1 >= 15 && reducedAngle1 <= 35) { translateY = labelDir === 'start' ? 0 : labelBBox.height * 0.75; } else if (reducedAngle1 >= 195 && reducedAngle1 <= 215) { translateY = labelDir === 'start' ? labelBBox.height * 0.75 : 0; } else if (reducedAngle1 > 35 && reducedAngle1 <= 90) { translateY = labelDir === 'start' ? -labelBBox.height * 0.25 : labelBBox.height; } else if (reducedAngle1 > 215 && reducedAngle1 <= 270) { translateY = labelDir === 'start' ? labelBBox.height : -labelBBox.height * 0.25; } // auto X translation if (reducedAngle2 < 15) { translateX = labelDir === 'start' ? -labelBBox.height * 0.15 : labelBBox.height * 0.15; } else if (reducedAngle2 > 165 && reducedAngle2 <= 180) { translateX = labelDir === 'start' ? labelBBox.height * 0.15 : -labelBBox.height * 0.15; } label.attr({ align: align }); label.translate(translateX, translateY + labelYPosCorrection); } e.pos.x = ret.x + labelOptions.x; e.pos.y = ret.y + optionsY; } }); // Wrap the getMarkPath function to return the path of the radial marker wrap(TickClass.prototype, 'getMarkPath', function (proceed, x, y, tickLength, tickWidth, horiz, renderer) { var tick = this; var axis = tick.axis; var endPoint, ret; if (axis.isRadial) { endPoint = axis.getPosition(this.pos, axis.center[2] / 2 + tickLength); ret = [ 'M', x, y, 'L', endPoint.x, endPoint.y ]; } else { ret = proceed.call(this, x, y, tickLength, tickWidth, horiz, renderer); } return ret; }); }; /* * * * Static Properties * * */ /** * Circular axis around the perimeter of a polar chart. * @private */ RadialAxis.defaultCircularOptions = { gridLineWidth: 1, labels: { align: null, distance: 15, x: 0, y: null, style: { textOverflow: 'none' // wrap lines by default (#7248) } }, maxPadding: 0, minPadding: 0, showLastLabel: false, tickLength: 0 }; /** * The default options extend defaultYAxisOptions. * @private */ RadialAxis.defaultRadialGaugeOptions = { labels: { align: 'center', x: 0, y: null // auto }, minorGridLineWidth: 0, minorTickInterval: 'auto', minorTickLength: 10, minorTickPosition: 'inside', minorTickWidth: 1, tickLength: 10, tickPosition: 'inside', tickWidth: 2, title: { rotation: 0 }, zIndex: 2 // behind dials, points in the series group }; /** * Radial axis, like a spoke in a polar chart. * @private */ RadialAxis.defaultRadialOptions = { /** * In a polar chart, this is the angle of the Y axis in degrees, where * 0 is up and 90 is right. The angle determines the position of the * axis line and the labels, though the coordinate system is unaffected. * Since v8.0.0 this option is also applicable for X axis (inverted * polar). * * @sample {highcharts} highcharts/xaxis/angle/ * Custom X axis' angle on inverted polar chart * @sample {highcharts} highcharts/yaxis/angle/ * Dual axis polar chart * * @type {number} * @default 0 * @since 4.2.7 * @product highcharts * @apioption xAxis.angle */ /** * Polar charts only. Whether the grid lines should draw as a polygon * with straight lines between categories, or as circles. Can be either * `circle` or `polygon`. Since v8.0.0 this option is also applicable * for X axis (inverted polar). * * @sample {highcharts} highcharts/demo/polar-spider/ * Polygon grid lines * @sample {highcharts} highcharts/xaxis/gridlineinterpolation/ * Circle and polygon on inverted polar * @sample {highcharts} highcharts/yaxis/gridlineinterpolation/ * Circle and polygon * * @type {string} * @product highcharts * @validvalue ["circle", "polygon"] * @apioption xAxis.gridLineInterpolation */ gridLineInterpolation: 'circle', gridLineWidth: 1, labels: { align: 'right', x: -3, y: -2 }, showLastLabel: false, title: { x: 4, text: null, rotation: 90 } }; return RadialAxis; }()); RadialAxis.compose(Axis, Tick); // @todo move outside export default RadialAxis;