123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
/** * Copyright (c) 2017 ~ present NAVER Corp. * billboard.js project is licensed under the MIT license */import {select as d3Select} from "d3-selection";import {$ARC, $COMMON, $GAUGE} from "../../config/classes";import {isFunction} from "../../module/util";
export default {	initGauge(): void {		const $$ = this;		const {config, $el: {arcs}} = $$;		const appendText = className => {			arcs.append("text")				.attr("class", className)				.style("text-anchor", "middle")				.style("pointer-events", "none");		};
		if ($$.hasType("gauge")) {			const hasMulti = $$.hasMultiArcGauge();
			arcs.append(hasMulti ? "g" : "path")				.attr("class", $ARC.chartArcsBackground)				.style("fill", (!hasMulti && config.gauge_background) || null);
			config.gauge_units && appendText($GAUGE.chartArcsGaugeUnit);
			if (config.gauge_label_show) {				appendText($GAUGE.chartArcsGaugeMin);				!config.gauge_fullCircle && appendText($GAUGE.chartArcsGaugeMax);			}		}	},
	updateGaugeMax(): void {		const $$ = this;		const {config, state} = $$;		const hasMultiGauge = $$.hasMultiArcGauge();
		// to prevent excluding total data sum during the init(when data.hide option is used), use $$.rendered state value		const max = hasMultiGauge ?			$$.getMinMaxData().max[0].value : $$.getTotalDataSum(state.rendered);
		// if gauge_max less than max, make max to max value		if (max + config.gauge_min * (config.gauge_min > 0 ? -1 : 1) > config.gauge_max) {			config.gauge_max = max - config.gauge_min;		}	},
	redrawMultiArcGauge(): void {		const $$ = this;		const {config, state, $el} = $$;		const {hiddenTargetIds} = $$.state;
		const arcLabelLines = $el.main.selectAll(`.${$ARC.arcs}`)			.selectAll(`.${$ARC.arcLabelLine}`)			.data($$.arcData.bind($$));
		const mainArcLabelLine = arcLabelLines.enter()			.append("rect")			.attr("class", d => `${$ARC.arcLabelLine} ${$COMMON.target} ${$COMMON.target}-${d.data.id}`)			.merge(arcLabelLines);
		mainArcLabelLine			.style("fill", d => ($$.levelColor ? $$.levelColor(d.data.values[0].value) : $$.color(d.data)))			.style("display", config.gauge_label_show ? null : "none")			.each(function(d) {				let lineLength = 0;				const lineThickness = 2;				let x = 0;				let y = 0;				let transform = "";
				if (hiddenTargetIds.indexOf(d.data.id) < 0) {					const updated = $$.updateAngle(d);					const innerLineLength = state.gaugeArcWidth / $$.filterTargetsToShow($$.data.targets).length *						(updated.index + 1);					const lineAngle = updated.endAngle - Math.PI / 2;					const arcInnerRadius = state.radius - innerLineLength;					const linePositioningAngle = lineAngle - (arcInnerRadius === 0 ? 0 : (1 / arcInnerRadius));
					lineLength = state.radiusExpanded - state.radius + innerLineLength;					x = Math.cos(linePositioningAngle) * arcInnerRadius;					y = Math.sin(linePositioningAngle) * arcInnerRadius;					transform = `rotate(${lineAngle * 180 / Math.PI}, ${x}, ${y})`;				}
				d3Select(this)					.attr("x", x)					.attr("y", y)					.attr("width", lineLength)					.attr("height", lineThickness)					.attr("transform", transform)					.style("stroke-dasharray", `0, ${lineLength + lineThickness}, 0`);			});	},
	textForGaugeMinMax(value: number, isMax?: boolean): number | string {		const $$ = this;		const {config} = $$;		const format = config.gauge_label_extents;
		return isFunction(format) ? format.bind($$.api)(value, isMax) : value;	},
	getGaugeLabelHeight(): 20 | 0 {		const {config} = this;
		return this.config.gauge_label_show && !config.gauge_fullCircle ? 20 : 0;	},
	getPaddingBottomForGauge() {		const $$ = this;
		return $$.getGaugeLabelHeight() * ($$.config.gauge_label_show ? 2 : 2.5);	}};