123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
/** * Copyright (c) 2017 ~ present NAVER Corp. * billboard.js project is licensed under the MIT license */import {isArray, isNumber, isString} from "../../module/util";import {TYPE, TYPE_BY_CATEGORY} from "../../config/const";
export default {	setTargetType(targetIds: string[], type: string): void {		const $$ = this;		const {config, state: {withoutFadeIn}} = $$;
		$$.mapToTargetIds(targetIds).forEach(id => {			withoutFadeIn[id] = (type === config.data_types[id]);			config.data_types[id] = type;		});
		if (!targetIds) {			config.data_type = type;		}	},
	/**	 * Updte current used chart types	 * @private	 */	updateTypesElements(): void {		const $$ = this;		const {state: {current}} = $$;
		Object.keys(TYPE).forEach(v => {			const t = TYPE[v];			const has = $$.hasType(t, null, true);			const idx = current.types.indexOf(t);
			if (idx === -1 && has) {				current.types.push(t);			} else if (idx > -1 && !has) {				current.types.splice(idx, 1);			}		});
		// Update current chart elements reference		$$.setChartElements();	},
	/**	 * Check if given chart types exists	 * @param {string} type Chart type	 * @param {Array} targetsValue Data array	 * @param {boolean} checkFromData Force to check type cotains from data targets	 * @returns {boolean}	 * @private	 */	hasType(type: string, targetsValue?, checkFromData = false): boolean {		const $$ = this;		const {config, state: {current}} = $$;		const types = config.data_types;		const targets = targetsValue || $$.data.targets;		let has = false;
		if (!checkFromData && current.types?.indexOf(type) > -1) {			has = true;		} else if (targets?.length) {			targets.forEach(target => {				const t = types[target.id];
				if (t === type || (!t && type === "line")) {					has = true;				}			});		} else if (Object.keys(types).length) {			Object.keys(types).forEach(id => {				if (types[id] === type) {					has = true;				}			});		} else {			has = config.data_type === type;		}
		return has;	},
	/**	 * Check if contains given chart types	 * @param {string} type Type key	 * @param {object} targets Target data	 * @param {Array} exclude Excluded types	 * @returns {boolean}	 * @private	 */	hasTypeOf(type, targets, exclude: string[] = []): boolean {		if (type in TYPE_BY_CATEGORY) {			return !TYPE_BY_CATEGORY[type]				.filter((v: string) => exclude.indexOf(v) === -1)				.every((v: string) => !this.hasType(v, targets));		}
		return false;	},
	/**	 * Check if given data is certain chart type	 * @param {object} d Data object	 * @param {string|Array} type chart type	 * @returns {boolean}	 * @private	 */	isTypeOf(d, type): boolean {		const id = isString(d) ? d : d.id;		const dataType = this.config.data_types[id] || this.config.data_type;
		return isArray(type) ?			type.indexOf(dataType) >= 0 : dataType === type;	},
	hasPointType(): boolean {		const $$ = this;
		return $$.hasTypeOf("Line") || $$.hasType("bubble") || $$.hasType("scatter");	},
	/**	 * Check if contains arc types chart	 * @param {object} targets Target data	 * @param {Array} exclude Excluded types	 * @returns {boolean}	 * @private	 */	hasArcType(targets, exclude): boolean {		return this.hasTypeOf("Arc", targets, exclude);	},
	hasMultiArcGauge(): boolean {		return this.hasType("gauge") && this.config.gauge_type === "multi";	},
	isLineType(d): boolean {		const id = isString(d) ? d : d.id;
		return !this.config.data_types[id] ||			this.isTypeOf(id, TYPE_BY_CATEGORY.Line);	},
	isStepType(d): boolean {		return this.isTypeOf(d, TYPE_BY_CATEGORY.Step);	},
	isSplineType(d): boolean {		return this.isTypeOf(d, TYPE_BY_CATEGORY.Spline);	},
	isAreaType(d): boolean {		return this.isTypeOf(d, TYPE_BY_CATEGORY.Area);	},
	isAreaRangeType(d): boolean {		return this.isTypeOf(d, TYPE_BY_CATEGORY.AreaRange);	},
	isBarType(d): boolean {		return this.isTypeOf(d, "bar");	},
	isBubbleType(d): boolean {		return this.isTypeOf(d, "bubble");	},
	isCandlestickType(d): boolean {		return this.isTypeOf(d, "candlestick");	},
	isScatterType(d): boolean {		return this.isTypeOf(d, "scatter");	},
	isPieType(d): boolean {		return this.isTypeOf(d, "pie");	},
	isGaugeType(d): boolean {		return this.isTypeOf(d, "gauge");	},
	isDonutType(d): boolean {		return this.isTypeOf(d, "donut");	},
	isPolarType(d): boolean {		return this.isTypeOf(d, "polar");	},
	isRadarType(d): boolean {		return this.isTypeOf(d, "radar");	},
	isArcType(d): boolean {		return this.isPieType(d) ||			this.isDonutType(d) ||			this.isGaugeType(d) ||			this.isPolarType(d) ||			this.isRadarType(d);	},
	// determine if is 'circle' data point	isCirclePoint(node?): boolean {		const {config} = this;		const pattern = config.point_pattern;		let isCircle = false;
		if (node?.tagName === "circle") {			isCircle = true;		} else {			isCircle = config.point_type === "circle" &&				(!pattern || (					isArray(pattern) && pattern.length === 0				));		}
		return isCircle;	},
	lineData(d) {		return this.isLineType(d) ? [d] : [];	},
	arcData(d) {		return this.isArcType(d.data) ? [d] : [];	},
	/**	 * Get data adapt for data label showing	 * @param {object} d Data object	 * @returns {Array}	 * @private	 */	labelishData(d) {		return this.isBarType(d) ||			this.isLineType(d) ||			this.isScatterType(d) ||			this.isBubbleType(d) ||			this.isCandlestickType(d) ||			this.isRadarType(d) ? d.values.filter(v => isNumber(v.value) || Boolean(v.value)) : [];	},
	barLineBubbleData(d) {		return this.isBarType(d) || this.isLineType(d) || this.isBubbleType(d) ?			d.values : [];	},
	// https://github.com/d3/d3-shape#curves	isInterpolationType(type: string): boolean {		return [			"basis",			"basis-closed",			"basis-open",			"bundle",			"cardinal",			"cardinal-closed",			"cardinal-open",			"catmull-rom",			"catmull-rom-closed",			"catmull-rom-open",			"linear",			"linear-closed",			"monotone-x",			"monotone-y",			"natural"		].indexOf(type) >= 0;	}};