deno.land / x / billboardjs@3.6.0 / ChartInternal / internals / type.ts
نووسراو ببینە
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; }};
billboardjs
Version Info
a year ago
