/** * @license Highcharts JS v9.1.1 (2021-06-04) * * Solid angular gauge module * * (c) 2010-2021 Torstein Honsi * * License: www.highcharts.com/license */ 'use strict'; (function (factory) { if (typeof module === 'object' && module.exports) { factory['default'] = factory; module.exports = factory; } else if (typeof define === 'function' && define.amd) { define('highcharts/modules/solid-gauge', ['highcharts', 'highcharts/highcharts-more'], function (Highcharts) { factory(Highcharts); factory.Highcharts = Highcharts; return factory; }); } else { factory(typeof Highcharts !== 'undefined' ? Highcharts : undefined); } }(function (Highcharts) { var _modules = Highcharts ? Highcharts._modules : {}; function _registerModule(obj, path, args, fn) { if (!obj.hasOwnProperty(path)) { obj[path] = fn.apply(null, args); } } _registerModule(_modules, 'Core/Axis/SolidGaugeAxis.js', [_modules['Core/Color/Color.js'], _modules['Core/Utilities.js']], function (Color, U) { /* * * * (c) 2010-2021 Torstein Honsi * * License: www.highcharts.com/license * * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!! * * */ var color = Color.parse; var extend = U.extend, merge = U.merge; /** * @private */ var SolidGaugeAxis; (function (SolidGaugeAxis) { /* * * * Interfaces * * */ /* * * * Constants * * */ /** * These methods are defined in the ColorAxis object, and copied here. * @private * * @todo * If we implement an AMD system we should make ColorAxis a dependency. */ var methods = { initDataClasses: function (userOptions) { var chart = this.chart, dataClasses, colorCounter = 0, options = this.options; this.dataClasses = dataClasses = []; userOptions.dataClasses.forEach(function (dataClass, i) { var colors; dataClass = merge(dataClass); dataClasses.push(dataClass); if (!dataClass.color) { if (options.dataClassColor === 'category') { colors = chart.options.colors; dataClass.color = colors[colorCounter++]; // loop back to zero if (colorCounter === colors.length) { colorCounter = 0; } } else { dataClass.color = color(options.minColor).tweenTo(color(options.maxColor), i / (userOptions.dataClasses.length - 1)); } } }); }, initStops: function (userOptions) { this.stops = userOptions.stops || [ [0, this.options.minColor], [1, this.options.maxColor] ]; this.stops.forEach(function (stop) { stop.color = color(stop[1]); }); }, // Translate from a value to a color toColor: function (value, point) { var pos, stops = this.stops, from, to, color, dataClasses = this.dataClasses, dataClass, i; if (dataClasses) { i = dataClasses.length; while (i--) { dataClass = dataClasses[i]; from = dataClass.from; to = dataClass.to; if ((typeof from === 'undefined' || value >= from) && (typeof to === 'undefined' || value <= to)) { color = dataClass.color; if (point) { point.dataClass = i; } break; } } } else { if (this.logarithmic) { value = this.val2lin(value); } pos = 1 - ((this.max - value) / (this.max - this.min)); i = stops.length; while (i--) { if (pos > stops[i][0]) { break; } } from = stops[i] || stops[i + 1]; to = stops[i + 1] || from; // The position within the gradient pos = (1 - (to[0] - pos) / ((to[0] - from[0]) || 1)); color = from.color.tweenTo(to.color, pos); } return color; } }; /* * * * Functions * * */ /** * @private */ function init(axis) { extend(axis, methods); } SolidGaugeAxis.init = init; })(SolidGaugeAxis || (SolidGaugeAxis = {})); /* * * * Default export * * */ return SolidGaugeAxis; }); _registerModule(_modules, 'Series/SolidGauge/SolidGaugeComposition.js', [_modules['Core/Renderer/SVG/SVGRenderer.js']], function (SVGRenderer) { /* * * * Solid angular gauge module * * (c) 2010-2021 Torstein Honsi * * License: www.highcharts.com/license * * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!! * * */ var _a = SVGRenderer.prototype, symbols = _a.symbols, arc = _a.symbols.arc; /** * Additional options, depending on the actual symbol drawn. * * @interface Highcharts.SymbolOptionsObject */ /** * Whether to draw rounded edges. * @name Highcharts.SymbolOptionsObject#rounded * @type {boolean|undefined} */ /** * Symbol definition of an arc with round edges. * * @private * @function Highcharts.Renderer#symbols.arc * * @param {number} x * The X coordinate for the top left position. * * @param {number} y * The Y coordinate for the top left position. * * @param {number} w * The pixel width. * * @param {number} h * The pixel height. * * @param {Highcharts.SymbolOptionsObject} [options] * Additional options, depending on the actual symbol drawn. * * @return {Highcharts.SVGPathArray} * Path of the created arc. */ symbols.arc = function (x, y, w, h, options) { var path = arc(x, y, w, h, options); if (options && options.rounded) { var r = options.r || w, smallR = (r - (options.innerR || 0)) / 2, outerArcStart = path[0], innerArcStart = path[2]; if (outerArcStart[0] === 'M' && innerArcStart[0] === 'L') { var x1 = outerArcStart[1], y1 = outerArcStart[2], x2 = innerArcStart[1], y2 = innerArcStart[2], roundStart = ['A', smallR, smallR, 0, 1, 1, x1, y1], roundEnd = ['A', smallR, smallR, 0, 1, 1, x2, y2]; // Replace the line segment and the last close segment path[2] = roundEnd; path[4] = roundStart; } } return path; }; }); _registerModule(_modules, 'Series/SolidGauge/SolidGaugeSeries.js', [_modules['Mixins/LegendSymbol.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Axis/SolidGaugeAxis.js'], _modules['Core/Utilities.js']], function (LegendSymbolMixin, SeriesRegistry, SolidGaugeAxis, U) { /* * * * Solid angular gauge module * * (c) 2010-2021 Torstein Honsi * * License: www.highcharts.com/license * * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!! * * */ var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); var _a = SeriesRegistry.seriesTypes, GaugeSeries = _a.gauge, pieProto = _a.pie.prototype; var clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, merge = U.merge, pick = U.pick, pInt = U.pInt; /** * A solid gauge is a circular gauge where the value is indicated by a filled * arc, and the color of the arc may variate with the value. * * @sample highcharts/demo/gauge-solid/ * Solid gauges * * @extends plotOptions.gauge * @excluding dial, pivot, wrap * @product highcharts * @requires modules/solid-gauge * @optionparent plotOptions.solidgauge */ var solidGaugeOptions = { /** * The inner radius for points in a solid gauge. Can be given as a number * (pixels) or percentage string. * * @sample {highcharts} highcharts/plotoptions/solidgauge-radius/ * Individual radius and innerRadius * * @type {number|string} * @default 60 * @since 4.1.6 * @product highcharts * @apioption plotOptions.solidgauge.innerRadius */ /** * Whether the strokes of the solid gauge should be `round` or `square`. * * @sample {highcharts} highcharts/demo/gauge-activity/ * Rounded gauge * * @type {string} * @default round * @since 4.2.2 * @product highcharts * @validvalue ["square", "round"] * @apioption plotOptions.solidgauge.linecap */ /** * Allow the gauge to overshoot the end of the perimeter axis by this * many degrees. Say if the gauge axis goes from 0 to 60, a value of * 100, or 1000, will show 5 degrees beyond the end of the axis when this * option is set to 5. * * @type {number} * @default 0 * @since 3.0.10 * @product highcharts * @apioption plotOptions.solidgauge.overshoot */ /** * The outer radius for points in a solid gauge. Can be given as a number * (pixels) or percentage string. * * @sample {highcharts} highcharts/plotoptions/solidgauge-radius/ * Individual radius and innerRadius * * @type {number|string} * @default 100 * @since 4.1.6 * @product highcharts * @apioption plotOptions.solidgauge.radius */ /** * Wether to draw rounded edges on the gauge. * * @sample {highcharts} highcharts/demo/gauge-activity/ * Activity Gauge * * @type {boolean} * @default false * @since 5.0.8 * @product highcharts * @apioption plotOptions.solidgauge.rounded */ /** * The threshold or base level for the gauge. * * @sample {highcharts} highcharts/plotoptions/solidgauge-threshold/ * Zero threshold with negative and positive values * * @type {number|null} * @since 5.0.3 * @product highcharts * @apioption plotOptions.solidgauge.threshold */ /** * Whether to give each point an individual color. */ colorByPoint: true, dataLabels: { y: 0 } }; /* * * * Class * * */ /** * SolidGauge series type. * * @private * @class * @name Highcharts.seriesTypes.solidgauge * * @augments Highcarts.Series */ var SolidGaugeSeries = /** @class */ (function (_super) { __extends(SolidGaugeSeries, _super); function SolidGaugeSeries() { /* * * * Static properties * * */ var _this = _super !== null && _super.apply(this, arguments) || this; /* * * * Properties * * */ _this.data = void 0; _this.points = void 0; _this.options = void 0; _this.axis = void 0; _this.yAxis = void 0; _this.startAngleRad = void 0; _this.thresholdAngleRad = void 0; return _this; } /* * * * Functions * * */ // Extend the translate function to extend the Y axis with the necessary // decoration (#5895). SolidGaugeSeries.prototype.translate = function () { var axis = this.yAxis; SolidGaugeAxis.init(axis); // Prepare data classes if (!axis.dataClasses && axis.options.dataClasses) { axis.initDataClasses(axis.options); } axis.initStops(axis.options); // Generate points and inherit data label position GaugeSeries.prototype.translate.call(this); }; // Draw the points where each point is one needle. SolidGaugeSeries.prototype.drawPoints = function () { var series = this, yAxis = series.yAxis, center = yAxis.center, options = series.options, renderer = series.chart.renderer, overshoot = options.overshoot, overshootVal = isNumber(overshoot) ? overshoot / 180 * Math.PI : 0, thresholdAngleRad; // Handle the threshold option if (isNumber(options.threshold)) { thresholdAngleRad = yAxis.startAngleRad + yAxis.translate(options.threshold, null, null, null, true); } this.thresholdAngleRad = pick(thresholdAngleRad, yAxis.startAngleRad); series.points.forEach(function (point) { // #10630 null point should not be draw if (!point.isNull) { // condition like in pie chart var graphic = point.graphic, rotation = (yAxis.startAngleRad + yAxis.translate(point.y, null, null, null, true)), radius = ((pInt(pick(point.options.radius, options.radius, 100)) * center[2]) / 200), innerRadius = ((pInt(pick(point.options.innerRadius, options.innerRadius, 60)) * center[2]) / 200), shapeArgs = void 0, d = void 0, toColor = yAxis.toColor(point.y, point), axisMinAngle = Math.min(yAxis.startAngleRad, yAxis.endAngleRad), axisMaxAngle = Math.max(yAxis.startAngleRad, yAxis.endAngleRad), minAngle = void 0, maxAngle = void 0; if (toColor === 'none') { // #3708 toColor = point.color || series.color || 'none'; } if (toColor !== 'none') { point.color = toColor; } // Handle overshoot and clipping to axis max/min rotation = clamp(rotation, axisMinAngle - overshootVal, axisMaxAngle + overshootVal); // Handle the wrap option if (options.wrap === false) { rotation = clamp(rotation, axisMinAngle, axisMaxAngle); } minAngle = Math.min(rotation, series.thresholdAngleRad); maxAngle = Math.max(rotation, series.thresholdAngleRad); if (maxAngle - minAngle > 2 * Math.PI) { maxAngle = minAngle + 2 * Math.PI; } point.shapeArgs = shapeArgs = { x: center[0], y: center[1], r: radius, innerR: innerRadius, start: minAngle, end: maxAngle, rounded: options.rounded }; point.startR = radius; // For PieSeries.animate if (graphic) { d = shapeArgs.d; graphic.animate(extend({ fill: toColor }, shapeArgs)); if (d) { shapeArgs.d = d; // animate alters it } } else { point.graphic = graphic = renderer.arc(shapeArgs) .attr({ fill: toColor, 'sweep-flag': 0 }) .add(series.group); } if (!series.chart.styledMode) { if (options.linecap !== 'square') { graphic.attr({ 'stroke-linecap': 'round', 'stroke-linejoin': 'round' }); } graphic.attr({ stroke: options.borderColor || 'none', 'stroke-width': options.borderWidth || 0 }); } if (graphic) { graphic.addClass(point.getClassName(), true); } } }); }; // Extend the pie slice animation by animating from start angle and up. SolidGaugeSeries.prototype.animate = function (init) { if (!init) { this.startAngleRad = this.thresholdAngleRad; pieProto.animate.call(this, init); } }; SolidGaugeSeries.defaultOptions = merge(GaugeSeries.defaultOptions, solidGaugeOptions); return SolidGaugeSeries; }(GaugeSeries)); extend(SolidGaugeSeries.prototype, { drawLegendSymbol: LegendSymbolMixin.drawRectangle }); SeriesRegistry.registerSeriesType('solidgauge', SolidGaugeSeries); /* * * * Default export * * */ /** * A `solidgauge` series. If the [type](#series.solidgauge.type) option is not * specified, it is inherited from [chart.type](#chart.type). * * * @extends series,plotOptions.solidgauge * @excluding animationLimit, boostThreshold, connectEnds, connectNulls, * cropThreshold, dashStyle, dataParser, dataURL, dial, * findNearestPointBy, getExtremesFromAll, marker, negativeColor, * pointPlacement, pivot, shadow, softThreshold, stack, stacking, * states, step, threshold, turboThreshold, wrap, zoneAxis, zones, * dataSorting, boostBlending * @product highcharts * @requires modules/solid-gauge * @apioption series.solidgauge */ /** * An array of data points for the series. For the `solidgauge` series * type, points can be given in the following ways: * * 1. An array of numerical values. In this case, the numerical values will be * interpreted as `y` options. Example: * ```js * data: [0, 5, 3, 5] * ``` * * 2. An array of objects with named values. The following snippet shows only a * few settings, see the complete options set below. If the total number of * data points exceeds the series' * [turboThreshold](#series.solidgauge.turboThreshold), this option is not * available. * ```js * data: [{ * y: 5, * name: "Point2", * color: "#00FF00" * }, { * y: 7, * name: "Point1", * color: "#FF00FF" * }] * ``` * * The typical gauge only contains a single data value. * * @sample {highcharts} highcharts/chart/reflow-true/ * Numerical values * @sample {highcharts} highcharts/series/data-array-of-objects/ * Config objects * * @type {Array} * @extends series.gauge.data * @product highcharts * @apioption series.solidgauge.data */ /** * The inner radius of an individual point in a solid gauge. Can be given as a * number (pixels) or percentage string. * * @sample {highcharts} highcharts/plotoptions/solidgauge-radius/ * Individual radius and innerRadius * * @type {number|string} * @since 4.1.6 * @product highcharts * @apioption series.solidgauge.data.innerRadius */ /** * The outer radius of an individual point in a solid gauge. Can be * given as a number (pixels) or percentage string. * * @sample {highcharts} highcharts/plotoptions/solidgauge-radius/ * Individual radius and innerRadius * * @type {number|string} * @since 4.1.6 * @product highcharts * @apioption series.solidgauge.data.radius */ ''; // adds doclets above to transpiled file return SolidGaugeSeries; }); _registerModule(_modules, 'masters/modules/solid-gauge.src.js', [], function () { }); }));