;
- var markupFragment;
- if (isObject(result)) {
- if (result.type) {
- markupFragment = result;
- } else {
- if ("development" !== 'production') {
- console.warn('The return type of `formatTooltip` is not supported: ' + makePrintable(result));
- }
- }
- // else {
- // markupText = (result as TooltipFormatResultLegacyObject).html;
- // markers = (result as TooltipFormatResultLegacyObject).markers;
- // if (markersExisting) {
- // markers = zrUtil.merge(markersExisting, markers);
- // }
- // }
- } else {
- markupText = result;
- }
- return {
- text: markupText,
- // markers: markers || markersExisting,
- frag: markupFragment
- };
- }
-
- /**
- * @param {Object} define
- * @return See the return of `createTask`.
- */
- function createTask(define) {
- return new Task(define);
- }
- var Task = /** @class */function () {
- function Task(define) {
- define = define || {};
- this._reset = define.reset;
- this._plan = define.plan;
- this._count = define.count;
- this._onDirty = define.onDirty;
- this._dirty = true;
- }
- /**
- * @param step Specified step.
- * @param skip Skip customer perform call.
- * @param modBy Sampling window size.
- * @param modDataCount Sampling count.
- * @return whether unfinished.
- */
- Task.prototype.perform = function (performArgs) {
- var upTask = this._upstream;
- var skip = performArgs && performArgs.skip;
- // TODO some refactor.
- // Pull data. Must pull data each time, because context.data
- // may be updated by Series.setData.
- if (this._dirty && upTask) {
- var context = this.context;
- context.data = context.outputData = upTask.context.outputData;
- }
- if (this.__pipeline) {
- this.__pipeline.currentTask = this;
- }
- var planResult;
- if (this._plan && !skip) {
- planResult = this._plan(this.context);
- }
- // Support sharding by mod, which changes the render sequence and makes the rendered graphic
- // elements uniformed distributed when progress, especially when moving or zooming.
- var lastModBy = normalizeModBy(this._modBy);
- var lastModDataCount = this._modDataCount || 0;
- var modBy = normalizeModBy(performArgs && performArgs.modBy);
- var modDataCount = performArgs && performArgs.modDataCount || 0;
- if (lastModBy !== modBy || lastModDataCount !== modDataCount) {
- planResult = 'reset';
- }
- function normalizeModBy(val) {
- !(val >= 1) && (val = 1); // jshint ignore:line
- return val;
- }
- var forceFirstProgress;
- if (this._dirty || planResult === 'reset') {
- this._dirty = false;
- forceFirstProgress = this._doReset(skip);
- }
- this._modBy = modBy;
- this._modDataCount = modDataCount;
- var step = performArgs && performArgs.step;
- if (upTask) {
- if ("development" !== 'production') {
- assert(upTask._outputDueEnd != null);
- }
- this._dueEnd = upTask._outputDueEnd;
- }
- // DataTask or overallTask
- else {
- if ("development" !== 'production') {
- assert(!this._progress || this._count);
- }
- this._dueEnd = this._count ? this._count(this.context) : Infinity;
- }
- // Note: Stubs, that its host overall task let it has progress, has progress.
- // If no progress, pass index from upstream to downstream each time plan called.
- if (this._progress) {
- var start = this._dueIndex;
- var end = Math.min(step != null ? this._dueIndex + step : Infinity, this._dueEnd);
- if (!skip && (forceFirstProgress || start < end)) {
- var progress = this._progress;
- if (isArray(progress)) {
- for (var i = 0; i < progress.length; i++) {
- this._doProgress(progress[i], start, end, modBy, modDataCount);
- }
- } else {
- this._doProgress(progress, start, end, modBy, modDataCount);
- }
- }
- this._dueIndex = end;
- // If no `outputDueEnd`, assume that output data and
- // input data is the same, so use `dueIndex` as `outputDueEnd`.
- var outputDueEnd = this._settedOutputEnd != null ? this._settedOutputEnd : end;
- if ("development" !== 'production') {
- // ??? Can not rollback.
- assert(outputDueEnd >= this._outputDueEnd);
- }
- this._outputDueEnd = outputDueEnd;
- } else {
- // (1) Some overall task has no progress.
- // (2) Stubs, that its host overall task do not let it has progress, has no progress.
- // This should always be performed so it can be passed to downstream.
- this._dueIndex = this._outputDueEnd = this._settedOutputEnd != null ? this._settedOutputEnd : this._dueEnd;
- }
- return this.unfinished();
- };
- Task.prototype.dirty = function () {
- this._dirty = true;
- this._onDirty && this._onDirty(this.context);
- };
- Task.prototype._doProgress = function (progress, start, end, modBy, modDataCount) {
- iterator.reset(start, end, modBy, modDataCount);
- this._callingProgress = progress;
- this._callingProgress({
- start: start,
- end: end,
- count: end - start,
- next: iterator.next
- }, this.context);
- };
- Task.prototype._doReset = function (skip) {
- this._dueIndex = this._outputDueEnd = this._dueEnd = 0;
- this._settedOutputEnd = null;
- var progress;
- var forceFirstProgress;
- if (!skip && this._reset) {
- progress = this._reset(this.context);
- if (progress && progress.progress) {
- forceFirstProgress = progress.forceFirstProgress;
- progress = progress.progress;
- }
- // To simplify no progress checking, array must has item.
- if (isArray(progress) && !progress.length) {
- progress = null;
- }
- }
- this._progress = progress;
- this._modBy = this._modDataCount = null;
- var downstream = this._downstream;
- downstream && downstream.dirty();
- return forceFirstProgress;
- };
- Task.prototype.unfinished = function () {
- return this._progress && this._dueIndex < this._dueEnd;
- };
- /**
- * @param downTask The downstream task.
- * @return The downstream task.
- */
- Task.prototype.pipe = function (downTask) {
- if ("development" !== 'production') {
- assert(downTask && !downTask._disposed && downTask !== this);
- }
- // If already downstream, do not dirty downTask.
- if (this._downstream !== downTask || this._dirty) {
- this._downstream = downTask;
- downTask._upstream = this;
- downTask.dirty();
- }
- };
- Task.prototype.dispose = function () {
- if (this._disposed) {
- return;
- }
- this._upstream && (this._upstream._downstream = null);
- this._downstream && (this._downstream._upstream = null);
- this._dirty = false;
- this._disposed = true;
- };
- Task.prototype.getUpstream = function () {
- return this._upstream;
- };
- Task.prototype.getDownstream = function () {
- return this._downstream;
- };
- Task.prototype.setOutputEnd = function (end) {
- // This only happens in dataTask, dataZoom, map, currently.
- // where dataZoom do not set end each time, but only set
- // when reset. So we should record the set end, in case
- // that the stub of dataZoom perform again and earse the
- // set end by upstream.
- this._outputDueEnd = this._settedOutputEnd = end;
- };
- return Task;
- }();
- var iterator = function () {
- var end;
- var current;
- var modBy;
- var modDataCount;
- var winCount;
- var it = {
- reset: function (s, e, sStep, sCount) {
- current = s;
- end = e;
- modBy = sStep;
- modDataCount = sCount;
- winCount = Math.ceil(modDataCount / modBy);
- it.next = modBy > 1 && modDataCount > 0 ? modNext : sequentialNext;
- }
- };
- return it;
- function sequentialNext() {
- return current < end ? current++ : null;
- }
- function modNext() {
- var dataIndex = current % winCount * modBy + Math.ceil(current / winCount);
- var result = current >= end ? null : dataIndex < modDataCount ? dataIndex
- // If modDataCount is smaller than data.count() (consider `appendData` case),
- // Use normal linear rendering mode.
- : current;
- current++;
- return result;
- }
- }();
- // -----------------------------------------------------------------------------
- // For stream debug (Should be commented out after used!)
- // @usage: printTask(this, 'begin');
- // @usage: printTask(this, null, {someExtraProp});
- // @usage: Use `__idxInPipeline` as conditional breakpiont.
- //
- // window.printTask = function (task: any, prefix: string, extra: { [key: string]: unknown }): void {
- // window.ecTaskUID == null && (window.ecTaskUID = 0);
- // task.uidDebug == null && (task.uidDebug = `task_${window.ecTaskUID++}`);
- // task.agent && task.agent.uidDebug == null && (task.agent.uidDebug = `task_${window.ecTaskUID++}`);
- // let props = [];
- // if (task.__pipeline) {
- // let val = `${task.__idxInPipeline}/${task.__pipeline.tail.__idxInPipeline} ${task.agent ? '(stub)' : ''}`;
- // props.push({text: '__idxInPipeline/total', value: val});
- // } else {
- // let stubCount = 0;
- // task.agentStubMap.each(() => stubCount++);
- // props.push({text: 'idx', value: `overall (stubs: ${stubCount})`});
- // }
- // props.push({text: 'uid', value: task.uidDebug});
- // if (task.__pipeline) {
- // props.push({text: 'pipelineId', value: task.__pipeline.id});
- // task.agent && props.push(
- // {text: 'stubFor', value: task.agent.uidDebug}
- // );
- // }
- // props.push(
- // {text: 'dirty', value: task._dirty},
- // {text: 'dueIndex', value: task._dueIndex},
- // {text: 'dueEnd', value: task._dueEnd},
- // {text: 'outputDueEnd', value: task._outputDueEnd}
- // );
- // if (extra) {
- // Object.keys(extra).forEach(key => {
- // props.push({text: key, value: extra[key]});
- // });
- // }
- // let args = ['color: blue'];
- // let msg = `%c[${prefix || 'T'}] %c` + props.map(item => (
- // args.push('color: green', 'color: red'),
- // `${item.text}: %c${item.value}`
- // )).join('%c, ');
- // console.log.apply(console, [msg].concat(args));
- // // console.log(this);
- // };
- // window.printPipeline = function (task: any, prefix: string) {
- // const pipeline = task.__pipeline;
- // let currTask = pipeline.head;
- // while (currTask) {
- // window.printTask(currTask, prefix);
- // currTask = currTask._downstream;
- // }
- // };
- // window.showChain = function (chainHeadTask) {
- // var chain = [];
- // var task = chainHeadTask;
- // while (task) {
- // chain.push({
- // task: task,
- // up: task._upstream,
- // down: task._downstream,
- // idxInPipeline: task.__idxInPipeline
- // });
- // task = task._downstream;
- // }
- // return chain;
- // };
- // window.findTaskInChain = function (task, chainHeadTask) {
- // let chain = window.showChain(chainHeadTask);
- // let result = [];
- // for (let i = 0; i < chain.length; i++) {
- // let chainItem = chain[i];
- // if (chainItem.task === task) {
- // result.push(i);
- // }
- // }
- // return result;
- // };
- // window.printChainAEachInChainB = function (chainHeadTaskA, chainHeadTaskB) {
- // let chainA = window.showChain(chainHeadTaskA);
- // for (let i = 0; i < chainA.length; i++) {
- // console.log('chainAIdx:', i, 'inChainB:', window.findTaskInChain(chainA[i].task, chainHeadTaskB));
- // }
- // };
-
- /**
- * Convert raw the value in to inner value in List.
- *
- * [Performance sensitive]
- *
- * [Caution]: this is the key logic of user value parser.
- * For backward compatibility, do not modify it until you have to!
- */
- function parseDataValue(value,
- // For high performance, do not omit the second param.
- opt) {
- // Performance sensitive.
- var dimType = opt && opt.type;
- if (dimType === 'ordinal') {
- // If given value is a category string
- return value;
- }
- if (dimType === 'time'
- // spead up when using timestamp
- && !isNumber(value) && value != null && value !== '-') {
- value = +parseDate(value);
- }
- // dimType defaults 'number'.
- // If dimType is not ordinal and value is null or undefined or NaN or '-',
- // parse to NaN.
- // number-like string (like ' 123 ') can be converted to a number.
- // where null/undefined or other string will be converted to NaN.
- return value == null || value === '' ? NaN
- // If string (like '-'), using '+' parse to NaN
- // If object, also parse to NaN
- : +value;
- }
- var valueParserMap = createHashMap({
- 'number': function (val) {
- // Do not use `numericToNumber` here. We have `numericToNumber` by default.
- // Here the number parser can have loose rule:
- // enable to cut suffix: "120px" => 120, "14%" => 14.
- return parseFloat(val);
- },
- 'time': function (val) {
- // return timestamp.
- return +parseDate(val);
- },
- 'trim': function (val) {
- return isString(val) ? trim(val) : val;
- }
- });
- function getRawValueParser(type) {
- return valueParserMap.get(type);
- }
- var ORDER_COMPARISON_OP_MAP = {
- lt: function (lval, rval) {
- return lval < rval;
- },
- lte: function (lval, rval) {
- return lval <= rval;
- },
- gt: function (lval, rval) {
- return lval > rval;
- },
- gte: function (lval, rval) {
- return lval >= rval;
- }
- };
- var FilterOrderComparator = /** @class */function () {
- function FilterOrderComparator(op, rval) {
- if (!isNumber(rval)) {
- var errMsg = '';
- if ("development" !== 'production') {
- errMsg = 'rvalue of "<", ">", "<=", ">=" can only be number in filter.';
- }
- throwError(errMsg);
- }
- this._opFn = ORDER_COMPARISON_OP_MAP[op];
- this._rvalFloat = numericToNumber(rval);
- }
- // Performance sensitive.
- FilterOrderComparator.prototype.evaluate = function (lval) {
- // Most cases is 'number', and typeof maybe 10 times faseter than parseFloat.
- return isNumber(lval) ? this._opFn(lval, this._rvalFloat) : this._opFn(numericToNumber(lval), this._rvalFloat);
- };
- return FilterOrderComparator;
- }();
- var SortOrderComparator = /** @class */function () {
- /**
- * @param order by default: 'asc'
- * @param incomparable by default: Always on the tail.
- * That is, if 'asc' => 'max', if 'desc' => 'min'
- * See the definition of "incomparable" in [SORT_COMPARISON_RULE].
- */
- function SortOrderComparator(order, incomparable) {
- var isDesc = order === 'desc';
- this._resultLT = isDesc ? 1 : -1;
- if (incomparable == null) {
- incomparable = isDesc ? 'min' : 'max';
- }
- this._incomparable = incomparable === 'min' ? -Infinity : Infinity;
- }
- // See [SORT_COMPARISON_RULE].
- // Performance sensitive.
- SortOrderComparator.prototype.evaluate = function (lval, rval) {
- // Most cases is 'number', and typeof maybe 10 times faseter than parseFloat.
- var lvalFloat = isNumber(lval) ? lval : numericToNumber(lval);
- var rvalFloat = isNumber(rval) ? rval : numericToNumber(rval);
- var lvalNotNumeric = isNaN(lvalFloat);
- var rvalNotNumeric = isNaN(rvalFloat);
- if (lvalNotNumeric) {
- lvalFloat = this._incomparable;
- }
- if (rvalNotNumeric) {
- rvalFloat = this._incomparable;
- }
- if (lvalNotNumeric && rvalNotNumeric) {
- var lvalIsStr = isString(lval);
- var rvalIsStr = isString(rval);
- if (lvalIsStr) {
- lvalFloat = rvalIsStr ? lval : 0;
- }
- if (rvalIsStr) {
- rvalFloat = lvalIsStr ? rval : 0;
- }
- }
- return lvalFloat < rvalFloat ? this._resultLT : lvalFloat > rvalFloat ? -this._resultLT : 0;
- };
- return SortOrderComparator;
- }();
- var FilterEqualityComparator = /** @class */function () {
- function FilterEqualityComparator(isEq, rval) {
- this._rval = rval;
- this._isEQ = isEq;
- this._rvalTypeof = typeof rval;
- this._rvalFloat = numericToNumber(rval);
- }
- // Performance sensitive.
- FilterEqualityComparator.prototype.evaluate = function (lval) {
- var eqResult = lval === this._rval;
- if (!eqResult) {
- var lvalTypeof = typeof lval;
- if (lvalTypeof !== this._rvalTypeof && (lvalTypeof === 'number' || this._rvalTypeof === 'number')) {
- eqResult = numericToNumber(lval) === this._rvalFloat;
- }
- }
- return this._isEQ ? eqResult : !eqResult;
- };
- return FilterEqualityComparator;
- }();
- /**
- * [FILTER_COMPARISON_RULE]
- * `lt`|`lte`|`gt`|`gte`:
- * + rval must be a number. And lval will be converted to number (`numericToNumber`) to compare.
- * `eq`:
- * + If same type, compare with `===`.
- * + If there is one number, convert to number (`numericToNumber`) to compare.
- * + Else return `false`.
- * `ne`:
- * + Not `eq`.
- *
- *
- * [SORT_COMPARISON_RULE]
- * All the values are grouped into three categories:
- * + "numeric" (number and numeric string)
- * + "non-numeric-string" (string that excluding numeric string)
- * + "others"
- * "numeric" vs "numeric": values are ordered by number order.
- * "non-numeric-string" vs "non-numeric-string": values are ordered by ES spec (#sec-abstract-relational-comparison).
- * "others" vs "others": do not change order (always return 0).
- * "numeric" vs "non-numeric-string": "non-numeric-string" is treated as "incomparable".
- * "number" vs "others": "others" is treated as "incomparable".
- * "non-numeric-string" vs "others": "others" is treated as "incomparable".
- * "incomparable" will be seen as -Infinity or Infinity (depends on the settings).
- * MEMO:
- * Non-numeric string sort makes sense when we need to put the items with the same tag together.
- * But if we support string sort, we still need to avoid the misleading like `'2' > '12'`,
- * So we treat "numeric-string" sorted by number order rather than string comparison.
- *
- *
- * [CHECK_LIST_OF_THE_RULE_DESIGN]
- * + Do not support string comparison until required. And also need to
- * avoid the misleading of "2" > "12".
- * + Should avoid the misleading case:
- * `" 22 " gte "22"` is `true` but `" 22 " eq "22"` is `false`.
- * + JS bad case should be avoided: null <= 0, [] <= 0, ' ' <= 0, ...
- * + Only "numeric" can be converted to comparable number, otherwise converted to NaN.
- * See `util/number.ts#numericToNumber`.
- *
- * @return If `op` is not `RelationalOperator`, return null;
- */
- function createFilterComparator(op, rval) {
- return op === 'eq' || op === 'ne' ? new FilterEqualityComparator(op === 'eq', rval) : hasOwn(ORDER_COMPARISON_OP_MAP, op) ? new FilterOrderComparator(op, rval) : null;
- }
-
- /**
- * TODO: disable writable.
- * This structure will be exposed to users.
- */
- var ExternalSource = /** @class */function () {
- function ExternalSource() {}
- ExternalSource.prototype.getRawData = function () {
- // Only built-in transform available.
- throw new Error('not supported');
- };
- ExternalSource.prototype.getRawDataItem = function (dataIndex) {
- // Only built-in transform available.
- throw new Error('not supported');
- };
- ExternalSource.prototype.cloneRawData = function () {
- return;
- };
- /**
- * @return If dimension not found, return null/undefined.
- */
- ExternalSource.prototype.getDimensionInfo = function (dim) {
- return;
- };
- /**
- * dimensions defined if and only if either:
- * (a) dataset.dimensions are declared.
- * (b) dataset data include dimensions definitions in data (detected or via specified `sourceHeader`).
- * If dimensions are defined, `dimensionInfoAll` is corresponding to
- * the defined dimensions.
- * Otherwise, `dimensionInfoAll` is determined by data columns.
- * @return Always return an array (even empty array).
- */
- ExternalSource.prototype.cloneAllDimensionInfo = function () {
- return;
- };
- ExternalSource.prototype.count = function () {
- return;
- };
- /**
- * Only support by dimension index.
- * No need to support by dimension name in transform function,
- * because transform function is not case-specific, no need to use name literally.
- */
- ExternalSource.prototype.retrieveValue = function (dataIndex, dimIndex) {
- return;
- };
- ExternalSource.prototype.retrieveValueFromItem = function (dataItem, dimIndex) {
- return;
- };
- ExternalSource.prototype.convertValue = function (rawVal, dimInfo) {
- return parseDataValue(rawVal, dimInfo);
- };
- return ExternalSource;
- }();
- function createExternalSource(internalSource, externalTransform) {
- var extSource = new ExternalSource();
- var data = internalSource.data;
- var sourceFormat = extSource.sourceFormat = internalSource.sourceFormat;
- var sourceHeaderCount = internalSource.startIndex;
- var errMsg = '';
- if (internalSource.seriesLayoutBy !== SERIES_LAYOUT_BY_COLUMN) {
- // For the logic simplicity in transformer, only 'culumn' is
- // supported in data transform. Otherwise, the `dimensionsDefine`
- // might be detected by 'row', which probably confuses users.
- if ("development" !== 'production') {
- errMsg = '`seriesLayoutBy` of upstream dataset can only be "column" in data transform.';
- }
- throwError(errMsg);
- }
- // [MEMO]
- // Create a new dimensions structure for exposing.
- // Do not expose all dimension info to users directly.
- // Because the dimension is probably auto detected from data and not might reliable.
- // Should not lead the transformers to think that is reliable and return it.
- // See [DIMENSION_INHERIT_RULE] in `sourceManager.ts`.
- var dimensions = [];
- var dimsByName = {};
- var dimsDef = internalSource.dimensionsDefine;
- if (dimsDef) {
- each(dimsDef, function (dimDef, idx) {
- var name = dimDef.name;
- var dimDefExt = {
- index: idx,
- name: name,
- displayName: dimDef.displayName
- };
- dimensions.push(dimDefExt);
- // Users probably do not specify dimension name. For simplicity, data transform
- // does not generate dimension name.
- if (name != null) {
- // Dimension name should not be duplicated.
- // For simplicity, data transform forbids name duplication, do not generate
- // new name like module `completeDimensions.ts` did, but just tell users.
- var errMsg_1 = '';
- if (hasOwn(dimsByName, name)) {
- if ("development" !== 'production') {
- errMsg_1 = 'dimension name "' + name + '" duplicated.';
- }
- throwError(errMsg_1);
- }
- dimsByName[name] = dimDefExt;
- }
- });
- }
- // If dimension definitions are not defined and can not be detected.
- // e.g., pure data `[[11, 22], ...]`.
- else {
- for (var i = 0; i < internalSource.dimensionsDetectedCount || 0; i++) {
- // Do not generete name or anything others. The consequence process in
- // `transform` or `series` probably have there own name generation strategry.
- dimensions.push({
- index: i
- });
- }
- }
- // Implement public methods:
- var rawItemGetter = getRawSourceItemGetter(sourceFormat, SERIES_LAYOUT_BY_COLUMN);
- if (externalTransform.__isBuiltIn) {
- extSource.getRawDataItem = function (dataIndex) {
- return rawItemGetter(data, sourceHeaderCount, dimensions, dataIndex);
- };
- extSource.getRawData = bind(getRawData, null, internalSource);
- }
- extSource.cloneRawData = bind(cloneRawData, null, internalSource);
- var rawCounter = getRawSourceDataCounter(sourceFormat, SERIES_LAYOUT_BY_COLUMN);
- extSource.count = bind(rawCounter, null, data, sourceHeaderCount, dimensions);
- var rawValueGetter = getRawSourceValueGetter(sourceFormat);
- extSource.retrieveValue = function (dataIndex, dimIndex) {
- var rawItem = rawItemGetter(data, sourceHeaderCount, dimensions, dataIndex);
- return retrieveValueFromItem(rawItem, dimIndex);
- };
- var retrieveValueFromItem = extSource.retrieveValueFromItem = function (dataItem, dimIndex) {
- if (dataItem == null) {
- return;
- }
- var dimDef = dimensions[dimIndex];
- // When `dimIndex` is `null`, `rawValueGetter` return the whole item.
- if (dimDef) {
- return rawValueGetter(dataItem, dimIndex, dimDef.name);
- }
- };
- extSource.getDimensionInfo = bind(getDimensionInfo, null, dimensions, dimsByName);
- extSource.cloneAllDimensionInfo = bind(cloneAllDimensionInfo, null, dimensions);
- return extSource;
- }
- function getRawData(upstream) {
- var sourceFormat = upstream.sourceFormat;
- if (!isSupportedSourceFormat(sourceFormat)) {
- var errMsg = '';
- if ("development" !== 'production') {
- errMsg = '`getRawData` is not supported in source format ' + sourceFormat;
- }
- throwError(errMsg);
- }
- return upstream.data;
- }
- function cloneRawData(upstream) {
- var sourceFormat = upstream.sourceFormat;
- var data = upstream.data;
- if (!isSupportedSourceFormat(sourceFormat)) {
- var errMsg = '';
- if ("development" !== 'production') {
- errMsg = '`cloneRawData` is not supported in source format ' + sourceFormat;
- }
- throwError(errMsg);
- }
- if (sourceFormat === SOURCE_FORMAT_ARRAY_ROWS) {
- var result = [];
- for (var i = 0, len = data.length; i < len; i++) {
- // Not strictly clone for performance
- result.push(data[i].slice());
- }
- return result;
- } else if (sourceFormat === SOURCE_FORMAT_OBJECT_ROWS) {
- var result = [];
- for (var i = 0, len = data.length; i < len; i++) {
- // Not strictly clone for performance
- result.push(extend({}, data[i]));
- }
- return result;
- }
- }
- function getDimensionInfo(dimensions, dimsByName, dim) {
- if (dim == null) {
- return;
- }
- // Keep the same logic as `List::getDimension` did.
- if (isNumber(dim)
- // If being a number-like string but not being defined a dimension name.
- || !isNaN(dim) && !hasOwn(dimsByName, dim)) {
- return dimensions[dim];
- } else if (hasOwn(dimsByName, dim)) {
- return dimsByName[dim];
- }
- }
- function cloneAllDimensionInfo(dimensions) {
- return clone(dimensions);
- }
- var externalTransformMap = createHashMap();
- function registerExternalTransform(externalTransform) {
- externalTransform = clone(externalTransform);
- var type = externalTransform.type;
- var errMsg = '';
- if (!type) {
- if ("development" !== 'production') {
- errMsg = 'Must have a `type` when `registerTransform`.';
- }
- throwError(errMsg);
- }
- var typeParsed = type.split(':');
- if (typeParsed.length !== 2) {
- if ("development" !== 'production') {
- errMsg = 'Name must include namespace like "ns:regression".';
- }
- throwError(errMsg);
- }
- // Namespace 'echarts:xxx' is official namespace, where the transforms should
- // be called directly via 'xxx' rather than 'echarts:xxx'.
- var isBuiltIn = false;
- if (typeParsed[0] === 'echarts') {
- type = typeParsed[1];
- isBuiltIn = true;
- }
- externalTransform.__isBuiltIn = isBuiltIn;
- externalTransformMap.set(type, externalTransform);
- }
- function applyDataTransform(rawTransOption, sourceList, infoForPrint) {
- var pipedTransOption = normalizeToArray(rawTransOption);
- var pipeLen = pipedTransOption.length;
- var errMsg = '';
- if (!pipeLen) {
- if ("development" !== 'production') {
- errMsg = 'If `transform` declared, it should at least contain one transform.';
- }
- throwError(errMsg);
- }
- for (var i = 0, len = pipeLen; i < len; i++) {
- var transOption = pipedTransOption[i];
- sourceList = applySingleDataTransform(transOption, sourceList, infoForPrint, pipeLen === 1 ? null : i);
- // piped transform only support single input, except the fist one.
- // piped transform only support single output, except the last one.
- if (i !== len - 1) {
- sourceList.length = Math.max(sourceList.length, 1);
- }
- }
- return sourceList;
- }
- function applySingleDataTransform(transOption, upSourceList, infoForPrint,
- // If `pipeIndex` is null/undefined, no piped transform.
- pipeIndex) {
- var errMsg = '';
- if (!upSourceList.length) {
- if ("development" !== 'production') {
- errMsg = 'Must have at least one upstream dataset.';
- }
- throwError(errMsg);
- }
- if (!isObject(transOption)) {
- if ("development" !== 'production') {
- errMsg = 'transform declaration must be an object rather than ' + typeof transOption + '.';
- }
- throwError(errMsg);
- }
- var transType = transOption.type;
- var externalTransform = externalTransformMap.get(transType);
- if (!externalTransform) {
- if ("development" !== 'production') {
- errMsg = 'Can not find transform on type "' + transType + '".';
- }
- throwError(errMsg);
- }
- // Prepare source
- var extUpSourceList = map(upSourceList, function (upSource) {
- return createExternalSource(upSource, externalTransform);
- });
- var resultList = normalizeToArray(externalTransform.transform({
- upstream: extUpSourceList[0],
- upstreamList: extUpSourceList,
- config: clone(transOption.config)
- }));
- if ("development" !== 'production') {
- if (transOption.print) {
- var printStrArr = map(resultList, function (extSource) {
- var pipeIndexStr = pipeIndex != null ? ' === pipe index: ' + pipeIndex : '';
- return ['=== dataset index: ' + infoForPrint.datasetIndex + pipeIndexStr + ' ===', '- transform result data:', makePrintable(extSource.data), '- transform result dimensions:', makePrintable(extSource.dimensions)].join('\n');
- }).join('\n');
- log(printStrArr);
- }
- }
- return map(resultList, function (result, resultIndex) {
- var errMsg = '';
- if (!isObject(result)) {
- if ("development" !== 'production') {
- errMsg = 'A transform should not return some empty results.';
- }
- throwError(errMsg);
- }
- if (!result.data) {
- if ("development" !== 'production') {
- errMsg = 'Transform result data should be not be null or undefined';
- }
- throwError(errMsg);
- }
- var sourceFormat = detectSourceFormat(result.data);
- if (!isSupportedSourceFormat(sourceFormat)) {
- if ("development" !== 'production') {
- errMsg = 'Transform result data should be array rows or object rows.';
- }
- throwError(errMsg);
- }
- var resultMetaRawOption;
- var firstUpSource = upSourceList[0];
- /**
- * Intuitively, the end users known the content of the original `dataset.source`,
- * calucating the transform result in mind.
- * Suppose the original `dataset.source` is:
- * ```js
- * [
- * ['product', '2012', '2013', '2014', '2015'],
- * ['AAA', 41.1, 30.4, 65.1, 53.3],
- * ['BBB', 86.5, 92.1, 85.7, 83.1],
- * ['CCC', 24.1, 67.2, 79.5, 86.4]
- * ]
- * ```
- * The dimension info have to be detected from the source data.
- * Some of the transformers (like filter, sort) will follow the dimension info
- * of upstream, while others use new dimensions (like aggregate).
- * Transformer can output a field `dimensions` to define the its own output dimensions.
- * We also allow transformers to ignore the output `dimensions` field, and
- * inherit the upstream dimensions definition. It can reduce the burden of handling
- * dimensions in transformers.
- *
- * See also [DIMENSION_INHERIT_RULE] in `sourceManager.ts`.
- */
- if (firstUpSource && resultIndex === 0
- // If transformer returns `dimensions`, it means that the transformer has different
- // dimensions definitions. We do not inherit anything from upstream.
- && !result.dimensions) {
- var startIndex = firstUpSource.startIndex;
- // We copy the header of upstream to the result, because:
- // (1) The returned data always does not contain header line and can not be used
- // as dimension-detection. In this case we can not use "detected dimensions" of
- // upstream directly, because it might be detected based on different `seriesLayoutBy`.
- // (2) We should support that the series read the upstream source in `seriesLayoutBy: 'row'`.
- // So the original detected header should be add to the result, otherwise they can not be read.
- if (startIndex) {
- result.data = firstUpSource.data.slice(0, startIndex).concat(result.data);
- }
- resultMetaRawOption = {
- seriesLayoutBy: SERIES_LAYOUT_BY_COLUMN,
- sourceHeader: startIndex,
- dimensions: firstUpSource.metaRawOption.dimensions
- };
- } else {
- resultMetaRawOption = {
- seriesLayoutBy: SERIES_LAYOUT_BY_COLUMN,
- sourceHeader: 0,
- dimensions: result.dimensions
- };
- }
- return createSource(result.data, resultMetaRawOption, null);
- });
- }
- function isSupportedSourceFormat(sourceFormat) {
- return sourceFormat === SOURCE_FORMAT_ARRAY_ROWS || sourceFormat === SOURCE_FORMAT_OBJECT_ROWS;
- }
-
- var UNDEFINED = 'undefined';
- /* global Float64Array, Int32Array, Uint32Array, Uint16Array */
- // Caution: MUST not use `new CtorUint32Array(arr, 0, len)`, because the Ctor of array is
- // different from the Ctor of typed array.
- var CtorUint32Array = typeof Uint32Array === UNDEFINED ? Array : Uint32Array;
- var CtorUint16Array = typeof Uint16Array === UNDEFINED ? Array : Uint16Array;
- var CtorInt32Array = typeof Int32Array === UNDEFINED ? Array : Int32Array;
- var CtorFloat64Array = typeof Float64Array === UNDEFINED ? Array : Float64Array;
- /**
- * Multi dimensional data store
- */
- var dataCtors = {
- 'float': CtorFloat64Array,
- 'int': CtorInt32Array,
- // Ordinal data type can be string or int
- 'ordinal': Array,
- 'number': Array,
- 'time': CtorFloat64Array
- };
- var defaultDimValueGetters;
- function getIndicesCtor(rawCount) {
- // The possible max value in this._indicies is always this._rawCount despite of filtering.
- return rawCount > 65535 ? CtorUint32Array : CtorUint16Array;
- }
- function getInitialExtent() {
- return [Infinity, -Infinity];
- }
- function cloneChunk(originalChunk) {
- var Ctor = originalChunk.constructor;
- // Only shallow clone is enough when Array.
- return Ctor === Array ? originalChunk.slice() : new Ctor(originalChunk);
- }
- function prepareStore(store, dimIdx, dimType, end, append) {
- var DataCtor = dataCtors[dimType || 'float'];
- if (append) {
- var oldStore = store[dimIdx];
- var oldLen = oldStore && oldStore.length;
- if (!(oldLen === end)) {
- var newStore = new DataCtor(end);
- // The cost of the copy is probably inconsiderable
- // within the initial chunkSize.
- for (var j = 0; j < oldLen; j++) {
- newStore[j] = oldStore[j];
- }
- store[dimIdx] = newStore;
- }
- } else {
- store[dimIdx] = new DataCtor(end);
- }
- }
- /**
- * Basically, DataStore API keep immutable.
- */
- var DataStore = /** @class */function () {
- function DataStore() {
- this._chunks = [];
- // It will not be calculated until needed.
- this._rawExtent = [];
- this._extent = [];
- this._count = 0;
- this._rawCount = 0;
- this._calcDimNameToIdx = createHashMap();
- }
- /**
- * Initialize from data
- */
- DataStore.prototype.initData = function (provider, inputDimensions, dimValueGetter) {
- if ("development" !== 'production') {
- assert(isFunction(provider.getItem) && isFunction(provider.count), 'Invalid data provider.');
- }
- this._provider = provider;
- // Clear
- this._chunks = [];
- this._indices = null;
- this.getRawIndex = this._getRawIdxIdentity;
- var source = provider.getSource();
- var defaultGetter = this.defaultDimValueGetter = defaultDimValueGetters[source.sourceFormat];
- // Default dim value getter
- this._dimValueGetter = dimValueGetter || defaultGetter;
- // Reset raw extent.
- this._rawExtent = [];
- var willRetrieveDataByName = shouldRetrieveDataByName(source);
- this._dimensions = map(inputDimensions, function (dim) {
- if ("development" !== 'production') {
- if (willRetrieveDataByName) {
- assert(dim.property != null);
- }
- }
- return {
- // Only pick these two props. Not leak other properties like orderMeta.
- type: dim.type,
- property: dim.property
- };
- });
- this._initDataFromProvider(0, provider.count());
- };
- DataStore.prototype.getProvider = function () {
- return this._provider;
- };
- /**
- * Caution: even when a `source` instance owned by a series, the created data store
- * may still be shared by different sereis (the source hash does not use all `source`
- * props, see `sourceManager`). In this case, the `source` props that are not used in
- * hash (like `source.dimensionDefine`) probably only belongs to a certain series and
- * thus should not be fetch here.
- */
- DataStore.prototype.getSource = function () {
- return this._provider.getSource();
- };
- /**
- * @caution Only used in dataStack.
- */
- DataStore.prototype.ensureCalculationDimension = function (dimName, type) {
- var calcDimNameToIdx = this._calcDimNameToIdx;
- var dimensions = this._dimensions;
- var calcDimIdx = calcDimNameToIdx.get(dimName);
- if (calcDimIdx != null) {
- if (dimensions[calcDimIdx].type === type) {
- return calcDimIdx;
- }
- } else {
- calcDimIdx = dimensions.length;
- }
- dimensions[calcDimIdx] = {
- type: type
- };
- calcDimNameToIdx.set(dimName, calcDimIdx);
- this._chunks[calcDimIdx] = new dataCtors[type || 'float'](this._rawCount);
- this._rawExtent[calcDimIdx] = getInitialExtent();
- return calcDimIdx;
- };
- DataStore.prototype.collectOrdinalMeta = function (dimIdx, ordinalMeta) {
- var chunk = this._chunks[dimIdx];
- var dim = this._dimensions[dimIdx];
- var rawExtents = this._rawExtent;
- var offset = dim.ordinalOffset || 0;
- var len = chunk.length;
- if (offset === 0) {
- // We need to reset the rawExtent if collect is from start.
- // Because this dimension may be guessed as number and calcuating a wrong extent.
- rawExtents[dimIdx] = getInitialExtent();
- }
- var dimRawExtent = rawExtents[dimIdx];
- // Parse from previous data offset. len may be changed after appendData
- for (var i = offset; i < len; i++) {
- var val = chunk[i] = ordinalMeta.parseAndCollect(chunk[i]);
- if (!isNaN(val)) {
- dimRawExtent[0] = Math.min(val, dimRawExtent[0]);
- dimRawExtent[1] = Math.max(val, dimRawExtent[1]);
- }
- }
- dim.ordinalMeta = ordinalMeta;
- dim.ordinalOffset = len;
- dim.type = 'ordinal'; // Force to be ordinal
- };
-
- DataStore.prototype.getOrdinalMeta = function (dimIdx) {
- var dimInfo = this._dimensions[dimIdx];
- var ordinalMeta = dimInfo.ordinalMeta;
- return ordinalMeta;
- };
- DataStore.prototype.getDimensionProperty = function (dimIndex) {
- var item = this._dimensions[dimIndex];
- return item && item.property;
- };
- /**
- * Caution: Can be only called on raw data (before `this._indices` created).
- */
- DataStore.prototype.appendData = function (data) {
- if ("development" !== 'production') {
- assert(!this._indices, 'appendData can only be called on raw data.');
- }
- var provider = this._provider;
- var start = this.count();
- provider.appendData(data);
- var end = provider.count();
- if (!provider.persistent) {
- end += start;
- }
- if (start < end) {
- this._initDataFromProvider(start, end, true);
- }
- return [start, end];
- };
- DataStore.prototype.appendValues = function (values, minFillLen) {
- var chunks = this._chunks;
- var dimensions = this._dimensions;
- var dimLen = dimensions.length;
- var rawExtent = this._rawExtent;
- var start = this.count();
- var end = start + Math.max(values.length, minFillLen || 0);
- for (var i = 0; i < dimLen; i++) {
- var dim = dimensions[i];
- prepareStore(chunks, i, dim.type, end, true);
- }
- var emptyDataItem = [];
- for (var idx = start; idx < end; idx++) {
- var sourceIdx = idx - start;
- // Store the data by dimensions
- for (var dimIdx = 0; dimIdx < dimLen; dimIdx++) {
- var dim = dimensions[dimIdx];
- var val = defaultDimValueGetters.arrayRows.call(this, values[sourceIdx] || emptyDataItem, dim.property, sourceIdx, dimIdx);
- chunks[dimIdx][idx] = val;
- var dimRawExtent = rawExtent[dimIdx];
- val < dimRawExtent[0] && (dimRawExtent[0] = val);
- val > dimRawExtent[1] && (dimRawExtent[1] = val);
- }
- }
- this._rawCount = this._count = end;
- return {
- start: start,
- end: end
- };
- };
- DataStore.prototype._initDataFromProvider = function (start, end, append) {
- var provider = this._provider;
- var chunks = this._chunks;
- var dimensions = this._dimensions;
- var dimLen = dimensions.length;
- var rawExtent = this._rawExtent;
- var dimNames = map(dimensions, function (dim) {
- return dim.property;
- });
- for (var i = 0; i < dimLen; i++) {
- var dim = dimensions[i];
- if (!rawExtent[i]) {
- rawExtent[i] = getInitialExtent();
- }
- prepareStore(chunks, i, dim.type, end, append);
- }
- if (provider.fillStorage) {
- provider.fillStorage(start, end, chunks, rawExtent);
- } else {
- var dataItem = [];
- for (var idx = start; idx < end; idx++) {
- // NOTICE: Try not to write things into dataItem
- dataItem = provider.getItem(idx, dataItem);
- // Each data item is value
- // [1, 2]
- // 2
- // Bar chart, line chart which uses category axis
- // only gives the 'y' value. 'x' value is the indices of category
- // Use a tempValue to normalize the value to be a (x, y) value
- // Store the data by dimensions
- for (var dimIdx = 0; dimIdx < dimLen; dimIdx++) {
- var dimStorage = chunks[dimIdx];
- // PENDING NULL is empty or zero
- var val = this._dimValueGetter(dataItem, dimNames[dimIdx], idx, dimIdx);
- dimStorage[idx] = val;
- var dimRawExtent = rawExtent[dimIdx];
- val < dimRawExtent[0] && (dimRawExtent[0] = val);
- val > dimRawExtent[1] && (dimRawExtent[1] = val);
- }
- }
- }
- if (!provider.persistent && provider.clean) {
- // Clean unused data if data source is typed array.
- provider.clean();
- }
- this._rawCount = this._count = end;
- // Reset data extent
- this._extent = [];
- };
- DataStore.prototype.count = function () {
- return this._count;
- };
- /**
- * Get value. Return NaN if idx is out of range.
- */
- DataStore.prototype.get = function (dim, idx) {
- if (!(idx >= 0 && idx < this._count)) {
- return NaN;
- }
- var dimStore = this._chunks[dim];
- return dimStore ? dimStore[this.getRawIndex(idx)] : NaN;
- };
- DataStore.prototype.getValues = function (dimensions, idx) {
- var values = [];
- var dimArr = [];
- if (idx == null) {
- idx = dimensions;
- // TODO get all from store?
- dimensions = [];
- // All dimensions
- for (var i = 0; i < this._dimensions.length; i++) {
- dimArr.push(i);
- }
- } else {
- dimArr = dimensions;
- }
- for (var i = 0, len = dimArr.length; i < len; i++) {
- values.push(this.get(dimArr[i], idx));
- }
- return values;
- };
- /**
- * @param dim concrete dim
- */
- DataStore.prototype.getByRawIndex = function (dim, rawIdx) {
- if (!(rawIdx >= 0 && rawIdx < this._rawCount)) {
- return NaN;
- }
- var dimStore = this._chunks[dim];
- return dimStore ? dimStore[rawIdx] : NaN;
- };
- /**
- * Get sum of data in one dimension
- */
- DataStore.prototype.getSum = function (dim) {
- var dimData = this._chunks[dim];
- var sum = 0;
- if (dimData) {
- for (var i = 0, len = this.count(); i < len; i++) {
- var value = this.get(dim, i);
- if (!isNaN(value)) {
- sum += value;
- }
- }
- }
- return sum;
- };
- /**
- * Get median of data in one dimension
- */
- DataStore.prototype.getMedian = function (dim) {
- var dimDataArray = [];
- // map all data of one dimension
- this.each([dim], function (val) {
- if (!isNaN(val)) {
- dimDataArray.push(val);
- }
- });
- // TODO
- // Use quick select?
- var sortedDimDataArray = dimDataArray.sort(function (a, b) {
- return a - b;
- });
- var len = this.count();
- // calculate median
- return len === 0 ? 0 : len % 2 === 1 ? sortedDimDataArray[(len - 1) / 2] : (sortedDimDataArray[len / 2] + sortedDimDataArray[len / 2 - 1]) / 2;
- };
- /**
- * Retrieve the index with given raw data index.
- */
- DataStore.prototype.indexOfRawIndex = function (rawIndex) {
- if (rawIndex >= this._rawCount || rawIndex < 0) {
- return -1;
- }
- if (!this._indices) {
- return rawIndex;
- }
- // Indices are ascending
- var indices = this._indices;
- // If rawIndex === dataIndex
- var rawDataIndex = indices[rawIndex];
- if (rawDataIndex != null && rawDataIndex < this._count && rawDataIndex === rawIndex) {
- return rawIndex;
- }
- var left = 0;
- var right = this._count - 1;
- while (left <= right) {
- var mid = (left + right) / 2 | 0;
- if (indices[mid] < rawIndex) {
- left = mid + 1;
- } else if (indices[mid] > rawIndex) {
- right = mid - 1;
- } else {
- return mid;
- }
- }
- return -1;
- };
- /**
- * Retrieve the index of nearest value.
- * @param dim
- * @param value
- * @param [maxDistance=Infinity]
- * @return If and only if multiple indices have
- * the same value, they are put to the result.
- */
- DataStore.prototype.indicesOfNearest = function (dim, value, maxDistance) {
- var chunks = this._chunks;
- var dimData = chunks[dim];
- var nearestIndices = [];
- if (!dimData) {
- return nearestIndices;
- }
- if (maxDistance == null) {
- maxDistance = Infinity;
- }
- var minDist = Infinity;
- var minDiff = -1;
- var nearestIndicesLen = 0;
- // Check the test case of `test/ut/spec/data/SeriesData.js`.
- for (var i = 0, len = this.count(); i < len; i++) {
- var dataIndex = this.getRawIndex(i);
- var diff = value - dimData[dataIndex];
- var dist = Math.abs(diff);
- if (dist <= maxDistance) {
- // When the `value` is at the middle of `this.get(dim, i)` and `this.get(dim, i+1)`,
- // we'd better not push both of them to `nearestIndices`, otherwise it is easy to
- // get more than one item in `nearestIndices` (more specifically, in `tooltip`).
- // So we choose the one that `diff >= 0` in this case.
- // But if `this.get(dim, i)` and `this.get(dim, j)` get the same value, both of them
- // should be push to `nearestIndices`.
- if (dist < minDist || dist === minDist && diff >= 0 && minDiff < 0) {
- minDist = dist;
- minDiff = diff;
- nearestIndicesLen = 0;
- }
- if (diff === minDiff) {
- nearestIndices[nearestIndicesLen++] = i;
- }
- }
- }
- nearestIndices.length = nearestIndicesLen;
- return nearestIndices;
- };
- DataStore.prototype.getIndices = function () {
- var newIndices;
- var indices = this._indices;
- if (indices) {
- var Ctor = indices.constructor;
- var thisCount = this._count;
- // `new Array(a, b, c)` is different from `new Uint32Array(a, b, c)`.
- if (Ctor === Array) {
- newIndices = new Ctor(thisCount);
- for (var i = 0; i < thisCount; i++) {
- newIndices[i] = indices[i];
- }
- } else {
- newIndices = new Ctor(indices.buffer, 0, thisCount);
- }
- } else {
- var Ctor = getIndicesCtor(this._rawCount);
- newIndices = new Ctor(this.count());
- for (var i = 0; i < newIndices.length; i++) {
- newIndices[i] = i;
- }
- }
- return newIndices;
- };
- /**
- * Data filter.
- */
- DataStore.prototype.filter = function (dims, cb) {
- if (!this._count) {
- return this;
- }
- var newStore = this.clone();
- var count = newStore.count();
- var Ctor = getIndicesCtor(newStore._rawCount);
- var newIndices = new Ctor(count);
- var value = [];
- var dimSize = dims.length;
- var offset = 0;
- var dim0 = dims[0];
- var chunks = newStore._chunks;
- for (var i = 0; i < count; i++) {
- var keep = void 0;
- var rawIdx = newStore.getRawIndex(i);
- // Simple optimization
- if (dimSize === 0) {
- keep = cb(i);
- } else if (dimSize === 1) {
- var val = chunks[dim0][rawIdx];
- keep = cb(val, i);
- } else {
- var k = 0;
- for (; k < dimSize; k++) {
- value[k] = chunks[dims[k]][rawIdx];
- }
- value[k] = i;
- keep = cb.apply(null, value);
- }
- if (keep) {
- newIndices[offset++] = rawIdx;
- }
- }
- // Set indices after filtered.
- if (offset < count) {
- newStore._indices = newIndices;
- }
- newStore._count = offset;
- // Reset data extent
- newStore._extent = [];
- newStore._updateGetRawIdx();
- return newStore;
- };
- /**
- * Select data in range. (For optimization of filter)
- * (Manually inline code, support 5 million data filtering in data zoom.)
- */
- DataStore.prototype.selectRange = function (range) {
- var newStore = this.clone();
- var len = newStore._count;
- if (!len) {
- return this;
- }
- var dims = keys(range);
- var dimSize = dims.length;
- if (!dimSize) {
- return this;
- }
- var originalCount = newStore.count();
- var Ctor = getIndicesCtor(newStore._rawCount);
- var newIndices = new Ctor(originalCount);
- var offset = 0;
- var dim0 = dims[0];
- var min = range[dim0][0];
- var max = range[dim0][1];
- var storeArr = newStore._chunks;
- var quickFinished = false;
- if (!newStore._indices) {
- // Extreme optimization for common case. About 2x faster in chrome.
- var idx = 0;
- if (dimSize === 1) {
- var dimStorage = storeArr[dims[0]];
- for (var i = 0; i < len; i++) {
- var val = dimStorage[i];
- // NaN will not be filtered. Consider the case, in line chart, empty
- // value indicates the line should be broken. But for the case like
- // scatter plot, a data item with empty value will not be rendered,
- // but the axis extent may be effected if some other dim of the data
- // item has value. Fortunately it is not a significant negative effect.
- if (val >= min && val <= max || isNaN(val)) {
- newIndices[offset++] = idx;
- }
- idx++;
- }
- quickFinished = true;
- } else if (dimSize === 2) {
- var dimStorage = storeArr[dims[0]];
- var dimStorage2 = storeArr[dims[1]];
- var min2 = range[dims[1]][0];
- var max2 = range[dims[1]][1];
- for (var i = 0; i < len; i++) {
- var val = dimStorage[i];
- var val2 = dimStorage2[i];
- // Do not filter NaN, see comment above.
- if ((val >= min && val <= max || isNaN(val)) && (val2 >= min2 && val2 <= max2 || isNaN(val2))) {
- newIndices[offset++] = idx;
- }
- idx++;
- }
- quickFinished = true;
- }
- }
- if (!quickFinished) {
- if (dimSize === 1) {
- for (var i = 0; i < originalCount; i++) {
- var rawIndex = newStore.getRawIndex(i);
- var val = storeArr[dims[0]][rawIndex];
- // Do not filter NaN, see comment above.
- if (val >= min && val <= max || isNaN(val)) {
- newIndices[offset++] = rawIndex;
- }
- }
- } else {
- for (var i = 0; i < originalCount; i++) {
- var keep = true;
- var rawIndex = newStore.getRawIndex(i);
- for (var k = 0; k < dimSize; k++) {
- var dimk = dims[k];
- var val = storeArr[dimk][rawIndex];
- // Do not filter NaN, see comment above.
- if (val < range[dimk][0] || val > range[dimk][1]) {
- keep = false;
- }
- }
- if (keep) {
- newIndices[offset++] = newStore.getRawIndex(i);
- }
- }
- }
- }
- // Set indices after filtered.
- if (offset < originalCount) {
- newStore._indices = newIndices;
- }
- newStore._count = offset;
- // Reset data extent
- newStore._extent = [];
- newStore._updateGetRawIdx();
- return newStore;
- };
- // /**
- // * Data mapping to a plain array
- // */
- // mapArray(dims: DimensionIndex[], cb: MapArrayCb): any[] {
- // const result: any[] = [];
- // this.each(dims, function () {
- // result.push(cb && (cb as MapArrayCb).apply(null, arguments));
- // });
- // return result;
- // }
- /**
- * Data mapping to a new List with given dimensions
- */
- DataStore.prototype.map = function (dims, cb) {
- // TODO only clone picked chunks.
- var target = this.clone(dims);
- this._updateDims(target, dims, cb);
- return target;
- };
- /**
- * @caution Danger!! Only used in dataStack.
- */
- DataStore.prototype.modify = function (dims, cb) {
- this._updateDims(this, dims, cb);
- };
- DataStore.prototype._updateDims = function (target, dims, cb) {
- var targetChunks = target._chunks;
- var tmpRetValue = [];
- var dimSize = dims.length;
- var dataCount = target.count();
- var values = [];
- var rawExtent = target._rawExtent;
- for (var i = 0; i < dims.length; i++) {
- rawExtent[dims[i]] = getInitialExtent();
- }
- for (var dataIndex = 0; dataIndex < dataCount; dataIndex++) {
- var rawIndex = target.getRawIndex(dataIndex);
- for (var k = 0; k < dimSize; k++) {
- values[k] = targetChunks[dims[k]][rawIndex];
- }
- values[dimSize] = dataIndex;
- var retValue = cb && cb.apply(null, values);
- if (retValue != null) {
- // a number or string (in oridinal dimension)?
- if (typeof retValue !== 'object') {
- tmpRetValue[0] = retValue;
- retValue = tmpRetValue;
- }
- for (var i = 0; i < retValue.length; i++) {
- var dim = dims[i];
- var val = retValue[i];
- var rawExtentOnDim = rawExtent[dim];
- var dimStore = targetChunks[dim];
- if (dimStore) {
- dimStore[rawIndex] = val;
- }
- if (val < rawExtentOnDim[0]) {
- rawExtentOnDim[0] = val;
- }
- if (val > rawExtentOnDim[1]) {
- rawExtentOnDim[1] = val;
- }
- }
- }
- }
- };
- /**
- * Large data down sampling using largest-triangle-three-buckets
- * @param {string} valueDimension
- * @param {number} targetCount
- */
- DataStore.prototype.lttbDownSample = function (valueDimension, rate) {
- var target = this.clone([valueDimension], true);
- var targetStorage = target._chunks;
- var dimStore = targetStorage[valueDimension];
- var len = this.count();
- var sampledIndex = 0;
- var frameSize = Math.floor(1 / rate);
- var currentRawIndex = this.getRawIndex(0);
- var maxArea;
- var area;
- var nextRawIndex;
- var newIndices = new (getIndicesCtor(this._rawCount))(Math.min((Math.ceil(len / frameSize) + 2) * 2, len));
- // First frame use the first data.
- newIndices[sampledIndex++] = currentRawIndex;
- for (var i = 1; i < len - 1; i += frameSize) {
- var nextFrameStart = Math.min(i + frameSize, len - 1);
- var nextFrameEnd = Math.min(i + frameSize * 2, len);
- var avgX = (nextFrameEnd + nextFrameStart) / 2;
- var avgY = 0;
- for (var idx = nextFrameStart; idx < nextFrameEnd; idx++) {
- var rawIndex = this.getRawIndex(idx);
- var y = dimStore[rawIndex];
- if (isNaN(y)) {
- continue;
- }
- avgY += y;
- }
- avgY /= nextFrameEnd - nextFrameStart;
- var frameStart = i;
- var frameEnd = Math.min(i + frameSize, len);
- var pointAX = i - 1;
- var pointAY = dimStore[currentRawIndex];
- maxArea = -1;
- nextRawIndex = frameStart;
- var firstNaNIndex = -1;
- var countNaN = 0;
- // Find a point from current frame that construct a triangle with largest area with previous selected point
- // And the average of next frame.
- for (var idx = frameStart; idx < frameEnd; idx++) {
- var rawIndex = this.getRawIndex(idx);
- var y = dimStore[rawIndex];
- if (isNaN(y)) {
- countNaN++;
- if (firstNaNIndex < 0) {
- firstNaNIndex = rawIndex;
- }
- continue;
- }
- // Calculate triangle area over three buckets
- area = Math.abs((pointAX - avgX) * (y - pointAY) - (pointAX - idx) * (avgY - pointAY));
- if (area > maxArea) {
- maxArea = area;
- nextRawIndex = rawIndex; // Next a is this b
- }
- }
-
- if (countNaN > 0 && countNaN < frameEnd - frameStart) {
- // Append first NaN point in every bucket.
- // It is necessary to ensure the correct order of indices.
- newIndices[sampledIndex++] = Math.min(firstNaNIndex, nextRawIndex);
- nextRawIndex = Math.max(firstNaNIndex, nextRawIndex);
- }
- newIndices[sampledIndex++] = nextRawIndex;
- currentRawIndex = nextRawIndex; // This a is the next a (chosen b)
- }
- // First frame use the last data.
- newIndices[sampledIndex++] = this.getRawIndex(len - 1);
- target._count = sampledIndex;
- target._indices = newIndices;
- target.getRawIndex = this._getRawIdx;
- return target;
- };
- /**
- * Large data down sampling on given dimension
- * @param sampleIndex Sample index for name and id
- */
- DataStore.prototype.downSample = function (dimension, rate, sampleValue, sampleIndex) {
- var target = this.clone([dimension], true);
- var targetStorage = target._chunks;
- var frameValues = [];
- var frameSize = Math.floor(1 / rate);
- var dimStore = targetStorage[dimension];
- var len = this.count();
- var rawExtentOnDim = target._rawExtent[dimension] = getInitialExtent();
- var newIndices = new (getIndicesCtor(this._rawCount))(Math.ceil(len / frameSize));
- var offset = 0;
- for (var i = 0; i < len; i += frameSize) {
- // Last frame
- if (frameSize > len - i) {
- frameSize = len - i;
- frameValues.length = frameSize;
- }
- for (var k = 0; k < frameSize; k++) {
- var dataIdx = this.getRawIndex(i + k);
- frameValues[k] = dimStore[dataIdx];
- }
- var value = sampleValue(frameValues);
- var sampleFrameIdx = this.getRawIndex(Math.min(i + sampleIndex(frameValues, value) || 0, len - 1));
- // Only write value on the filtered data
- dimStore[sampleFrameIdx] = value;
- if (value < rawExtentOnDim[0]) {
- rawExtentOnDim[0] = value;
- }
- if (value > rawExtentOnDim[1]) {
- rawExtentOnDim[1] = value;
- }
- newIndices[offset++] = sampleFrameIdx;
- }
- target._count = offset;
- target._indices = newIndices;
- target._updateGetRawIdx();
- return target;
- };
- /**
- * Data iteration
- * @param ctx default this
- * @example
- * list.each('x', function (x, idx) {});
- * list.each(['x', 'y'], function (x, y, idx) {});
- * list.each(function (idx) {})
- */
- DataStore.prototype.each = function (dims, cb) {
- if (!this._count) {
- return;
- }
- var dimSize = dims.length;
- var chunks = this._chunks;
- for (var i = 0, len = this.count(); i < len; i++) {
- var rawIdx = this.getRawIndex(i);
- // Simple optimization
- switch (dimSize) {
- case 0:
- cb(i);
- break;
- case 1:
- cb(chunks[dims[0]][rawIdx], i);
- break;
- case 2:
- cb(chunks[dims[0]][rawIdx], chunks[dims[1]][rawIdx], i);
- break;
- default:
- var k = 0;
- var value = [];
- for (; k < dimSize; k++) {
- value[k] = chunks[dims[k]][rawIdx];
- }
- // Index
- value[k] = i;
- cb.apply(null, value);
- }
- }
- };
- /**
- * Get extent of data in one dimension
- */
- DataStore.prototype.getDataExtent = function (dim) {
- // Make sure use concrete dim as cache name.
- var dimData = this._chunks[dim];
- var initialExtent = getInitialExtent();
- if (!dimData) {
- return initialExtent;
- }
- // Make more strict checkings to ensure hitting cache.
- var currEnd = this.count();
- // Consider the most cases when using data zoom, `getDataExtent`
- // happened before filtering. We cache raw extent, which is not
- // necessary to be cleared and recalculated when restore data.
- var useRaw = !this._indices;
- var dimExtent;
- if (useRaw) {
- return this._rawExtent[dim].slice();
- }
- dimExtent = this._extent[dim];
- if (dimExtent) {
- return dimExtent.slice();
- }
- dimExtent = initialExtent;
- var min = dimExtent[0];
- var max = dimExtent[1];
- for (var i = 0; i < currEnd; i++) {
- var rawIdx = this.getRawIndex(i);
- var value = dimData[rawIdx];
- value < min && (min = value);
- value > max && (max = value);
- }
- dimExtent = [min, max];
- this._extent[dim] = dimExtent;
- return dimExtent;
- };
- /**
- * Get raw data item
- */
- DataStore.prototype.getRawDataItem = function (idx) {
- var rawIdx = this.getRawIndex(idx);
- if (!this._provider.persistent) {
- var val = [];
- var chunks = this._chunks;
- for (var i = 0; i < chunks.length; i++) {
- val.push(chunks[i][rawIdx]);
- }
- return val;
- } else {
- return this._provider.getItem(rawIdx);
- }
- };
- /**
- * Clone shallow.
- *
- * @param clonedDims Determine which dims to clone. Will share the data if not specified.
- */
- DataStore.prototype.clone = function (clonedDims, ignoreIndices) {
- var target = new DataStore();
- var chunks = this._chunks;
- var clonedDimsMap = clonedDims && reduce(clonedDims, function (obj, dimIdx) {
- obj[dimIdx] = true;
- return obj;
- }, {});
- if (clonedDimsMap) {
- for (var i = 0; i < chunks.length; i++) {
- // Not clone if dim is not picked.
- target._chunks[i] = !clonedDimsMap[i] ? chunks[i] : cloneChunk(chunks[i]);
- }
- } else {
- target._chunks = chunks;
- }
- this._copyCommonProps(target);
- if (!ignoreIndices) {
- target._indices = this._cloneIndices();
- }
- target._updateGetRawIdx();
- return target;
- };
- DataStore.prototype._copyCommonProps = function (target) {
- target._count = this._count;
- target._rawCount = this._rawCount;
- target._provider = this._provider;
- target._dimensions = this._dimensions;
- target._extent = clone(this._extent);
- target._rawExtent = clone(this._rawExtent);
- };
- DataStore.prototype._cloneIndices = function () {
- if (this._indices) {
- var Ctor = this._indices.constructor;
- var indices = void 0;
- if (Ctor === Array) {
- var thisCount = this._indices.length;
- indices = new Ctor(thisCount);
- for (var i = 0; i < thisCount; i++) {
- indices[i] = this._indices[i];
- }
- } else {
- indices = new Ctor(this._indices);
- }
- return indices;
- }
- return null;
- };
- DataStore.prototype._getRawIdxIdentity = function (idx) {
- return idx;
- };
- DataStore.prototype._getRawIdx = function (idx) {
- if (idx < this._count && idx >= 0) {
- return this._indices[idx];
- }
- return -1;
- };
- DataStore.prototype._updateGetRawIdx = function () {
- this.getRawIndex = this._indices ? this._getRawIdx : this._getRawIdxIdentity;
- };
- DataStore.internalField = function () {
- function getDimValueSimply(dataItem, property, dataIndex, dimIndex) {
- return parseDataValue(dataItem[dimIndex], this._dimensions[dimIndex]);
- }
- defaultDimValueGetters = {
- arrayRows: getDimValueSimply,
- objectRows: function (dataItem, property, dataIndex, dimIndex) {
- return parseDataValue(dataItem[property], this._dimensions[dimIndex]);
- },
- keyedColumns: getDimValueSimply,
- original: function (dataItem, property, dataIndex, dimIndex) {
- // Performance sensitive, do not use modelUtil.getDataItemValue.
- // If dataItem is an plain object with no value field, the let `value`
- // will be assigned with the object, but it will be tread correctly
- // in the `convertValue`.
- var value = dataItem && (dataItem.value == null ? dataItem : dataItem.value);
- return parseDataValue(value instanceof Array ? value[dimIndex]
- // If value is a single number or something else not array.
- : value, this._dimensions[dimIndex]);
- },
- typedArray: function (dataItem, property, dataIndex, dimIndex) {
- return dataItem[dimIndex];
- }
- };
- }();
- return DataStore;
- }();
-
- /**
- * [REQUIREMENT_MEMO]:
- * (0) `metaRawOption` means `dimensions`/`sourceHeader`/`seriesLayoutBy` in raw option.
- * (1) Keep support the feature: `metaRawOption` can be specified both on `series` and
- * `root-dataset`. Them on `series` has higher priority.
- * (2) Do not support to set `metaRawOption` on a `non-root-dataset`, because it might
- * confuse users: whether those props indicate how to visit the upstream source or visit
- * the transform result source, and some transforms has nothing to do with these props,
- * and some transforms might have multiple upstream.
- * (3) Transforms should specify `metaRawOption` in each output, just like they can be
- * declared in `root-dataset`.
- * (4) At present only support visit source in `SERIES_LAYOUT_BY_COLUMN` in transforms.
- * That is for reducing complexity in transforms.
- * PENDING: Whether to provide transposition transform?
- *
- * [IMPLEMENTAION_MEMO]:
- * "sourceVisitConfig" are calculated from `metaRawOption` and `data`.
- * They will not be calculated until `source` is about to be visited (to prevent from
- * duplicate calcuation). `source` is visited only in series and input to transforms.
- *
- * [DIMENSION_INHERIT_RULE]:
- * By default the dimensions are inherited from ancestors, unless a transform return
- * a new dimensions definition.
- * Consider the case:
- * ```js
- * dataset: [{
- * source: [ ['Product', 'Sales', 'Prise'], ['Cookies', 321, 44.21], ...]
- * }, {
- * transform: { type: 'filter', ... }
- * }]
- * dataset: [{
- * dimension: ['Product', 'Sales', 'Prise'],
- * source: [ ['Cookies', 321, 44.21], ...]
- * }, {
- * transform: { type: 'filter', ... }
- * }]
- * ```
- * The two types of option should have the same behavior after transform.
- *
- *
- * [SCENARIO]:
- * (1) Provide source data directly:
- * ```js
- * series: {
- * encode: {...},
- * dimensions: [...]
- * seriesLayoutBy: 'row',
- * data: [[...]]
- * }
- * ```
- * (2) Series refer to dataset.
- * ```js
- * series: [{
- * encode: {...}
- * // Ignore datasetIndex means `datasetIndex: 0`
- * // and the dimensions defination in dataset is used
- * }, {
- * encode: {...},
- * seriesLayoutBy: 'column',
- * datasetIndex: 1
- * }]
- * ```
- * (3) dataset transform
- * ```js
- * dataset: [{
- * source: [...]
- * }, {
- * source: [...]
- * }, {
- * // By default from 0.
- * transform: { type: 'filter', config: {...} }
- * }, {
- * // Piped.
- * transform: [
- * { type: 'filter', config: {...} },
- * { type: 'sort', config: {...} }
- * ]
- * }, {
- * id: 'regressionData',
- * fromDatasetIndex: 1,
- * // Third-party transform
- * transform: { type: 'ecStat:regression', config: {...} }
- * }, {
- * // retrieve the extra result.
- * id: 'regressionFormula',
- * fromDatasetId: 'regressionData',
- * fromTransformResult: 1
- * }]
- * ```
- */
- var SourceManager = /** @class */function () {
- function SourceManager(sourceHost) {
- // Cached source. Do not repeat calculating if not dirty.
- this._sourceList = [];
- this._storeList = [];
- // version sign of each upstream source manager.
- this._upstreamSignList = [];
- this._versionSignBase = 0;
- this._dirty = true;
- this._sourceHost = sourceHost;
- }
- /**
- * Mark dirty.
- */
- SourceManager.prototype.dirty = function () {
- this._setLocalSource([], []);
- this._storeList = [];
- this._dirty = true;
- };
- SourceManager.prototype._setLocalSource = function (sourceList, upstreamSignList) {
- this._sourceList = sourceList;
- this._upstreamSignList = upstreamSignList;
- this._versionSignBase++;
- if (this._versionSignBase > 9e10) {
- this._versionSignBase = 0;
- }
- };
- /**
- * For detecting whether the upstream source is dirty, so that
- * the local cached source (in `_sourceList`) should be discarded.
- */
- SourceManager.prototype._getVersionSign = function () {
- return this._sourceHost.uid + '_' + this._versionSignBase;
- };
- /**
- * Always return a source instance. Otherwise throw error.
- */
- SourceManager.prototype.prepareSource = function () {
- // For the case that call `setOption` multiple time but no data changed,
- // cache the result source to prevent from repeating transform.
- if (this._isDirty()) {
- this._createSource();
- this._dirty = false;
- }
- };
- SourceManager.prototype._createSource = function () {
- this._setLocalSource([], []);
- var sourceHost = this._sourceHost;
- var upSourceMgrList = this._getUpstreamSourceManagers();
- var hasUpstream = !!upSourceMgrList.length;
- var resultSourceList;
- var upstreamSignList;
- if (isSeries(sourceHost)) {
- var seriesModel = sourceHost;
- var data = void 0;
- var sourceFormat = void 0;
- var upSource = void 0;
- // Has upstream dataset
- if (hasUpstream) {
- var upSourceMgr = upSourceMgrList[0];
- upSourceMgr.prepareSource();
- upSource = upSourceMgr.getSource();
- data = upSource.data;
- sourceFormat = upSource.sourceFormat;
- upstreamSignList = [upSourceMgr._getVersionSign()];
- }
- // Series data is from own.
- else {
- data = seriesModel.get('data', true);
- sourceFormat = isTypedArray(data) ? SOURCE_FORMAT_TYPED_ARRAY : SOURCE_FORMAT_ORIGINAL;
- upstreamSignList = [];
- }
- // See [REQUIREMENT_MEMO], merge settings on series and parent dataset if it is root.
- var newMetaRawOption = this._getSourceMetaRawOption() || {};
- var upMetaRawOption = upSource && upSource.metaRawOption || {};
- var seriesLayoutBy = retrieve2(newMetaRawOption.seriesLayoutBy, upMetaRawOption.seriesLayoutBy) || null;
- var sourceHeader = retrieve2(newMetaRawOption.sourceHeader, upMetaRawOption.sourceHeader);
- // Note here we should not use `upSource.dimensionsDefine`. Consider the case:
- // `upSource.dimensionsDefine` is detected by `seriesLayoutBy: 'column'`,
- // but series need `seriesLayoutBy: 'row'`.
- var dimensions = retrieve2(newMetaRawOption.dimensions, upMetaRawOption.dimensions);
- // We share source with dataset as much as possible
- // to avoid extra memory cost of high dimensional data.
- var needsCreateSource = seriesLayoutBy !== upMetaRawOption.seriesLayoutBy || !!sourceHeader !== !!upMetaRawOption.sourceHeader || dimensions;
- resultSourceList = needsCreateSource ? [createSource(data, {
- seriesLayoutBy: seriesLayoutBy,
- sourceHeader: sourceHeader,
- dimensions: dimensions
- }, sourceFormat)] : [];
- } else {
- var datasetModel = sourceHost;
- // Has upstream dataset.
- if (hasUpstream) {
- var result = this._applyTransform(upSourceMgrList);
- resultSourceList = result.sourceList;
- upstreamSignList = result.upstreamSignList;
- }
- // Is root dataset.
- else {
- var sourceData = datasetModel.get('source', true);
- resultSourceList = [createSource(sourceData, this._getSourceMetaRawOption(), null)];
- upstreamSignList = [];
- }
- }
- if ("development" !== 'production') {
- assert(resultSourceList && upstreamSignList);
- }
- this._setLocalSource(resultSourceList, upstreamSignList);
- };
- SourceManager.prototype._applyTransform = function (upMgrList) {
- var datasetModel = this._sourceHost;
- var transformOption = datasetModel.get('transform', true);
- var fromTransformResult = datasetModel.get('fromTransformResult', true);
- if ("development" !== 'production') {
- assert(fromTransformResult != null || transformOption != null);
- }
- if (fromTransformResult != null) {
- var errMsg = '';
- if (upMgrList.length !== 1) {
- if ("development" !== 'production') {
- errMsg = 'When using `fromTransformResult`, there should be only one upstream dataset';
- }
- doThrow(errMsg);
- }
- }
- var sourceList;
- var upSourceList = [];
- var upstreamSignList = [];
- each(upMgrList, function (upMgr) {
- upMgr.prepareSource();
- var upSource = upMgr.getSource(fromTransformResult || 0);
- var errMsg = '';
- if (fromTransformResult != null && !upSource) {
- if ("development" !== 'production') {
- errMsg = 'Can not retrieve result by `fromTransformResult`: ' + fromTransformResult;
- }
- doThrow(errMsg);
- }
- upSourceList.push(upSource);
- upstreamSignList.push(upMgr._getVersionSign());
- });
- if (transformOption) {
- sourceList = applyDataTransform(transformOption, upSourceList, {
- datasetIndex: datasetModel.componentIndex
- });
- } else if (fromTransformResult != null) {
- sourceList = [cloneSourceShallow(upSourceList[0])];
- }
- return {
- sourceList: sourceList,
- upstreamSignList: upstreamSignList
- };
- };
- SourceManager.prototype._isDirty = function () {
- if (this._dirty) {
- return true;
- }
- // All sourceList is from the some upstream.
- var upSourceMgrList = this._getUpstreamSourceManagers();
- for (var i = 0; i < upSourceMgrList.length; i++) {
- var upSrcMgr = upSourceMgrList[i];
- if (
- // Consider the case that there is ancestor diry, call it recursively.
- // The performance is probably not an issue because usually the chain is not long.
- upSrcMgr._isDirty() || this._upstreamSignList[i] !== upSrcMgr._getVersionSign()) {
- return true;
- }
- }
- };
- /**
- * @param sourceIndex By default 0, means "main source".
- * In most cases there is only one source.
- */
- SourceManager.prototype.getSource = function (sourceIndex) {
- sourceIndex = sourceIndex || 0;
- var source = this._sourceList[sourceIndex];
- if (!source) {
- // Series may share source instance with dataset.
- var upSourceMgrList = this._getUpstreamSourceManagers();
- return upSourceMgrList[0] && upSourceMgrList[0].getSource(sourceIndex);
- }
- return source;
- };
- /**
- *
- * Get a data store which can be shared across series.
- * Only available for series.
- *
- * @param seriesDimRequest Dimensions that are generated in series.
- * Should have been sorted by `storeDimIndex` asc.
- */
- SourceManager.prototype.getSharedDataStore = function (seriesDimRequest) {
- if ("development" !== 'production') {
- assert(isSeries(this._sourceHost), 'Can only call getDataStore on series source manager.');
- }
- var schema = seriesDimRequest.makeStoreSchema();
- return this._innerGetDataStore(schema.dimensions, seriesDimRequest.source, schema.hash);
- };
- SourceManager.prototype._innerGetDataStore = function (storeDims, seriesSource, sourceReadKey) {
- // TODO Can use other sourceIndex?
- var sourceIndex = 0;
- var storeList = this._storeList;
- var cachedStoreMap = storeList[sourceIndex];
- if (!cachedStoreMap) {
- cachedStoreMap = storeList[sourceIndex] = {};
- }
- var cachedStore = cachedStoreMap[sourceReadKey];
- if (!cachedStore) {
- var upSourceMgr = this._getUpstreamSourceManagers()[0];
- if (isSeries(this._sourceHost) && upSourceMgr) {
- cachedStore = upSourceMgr._innerGetDataStore(storeDims, seriesSource, sourceReadKey);
- } else {
- cachedStore = new DataStore();
- // Always create store from source of series.
- cachedStore.initData(new DefaultDataProvider(seriesSource, storeDims.length), storeDims);
- }
- cachedStoreMap[sourceReadKey] = cachedStore;
- }
- return cachedStore;
- };
- /**
- * PENDING: Is it fast enough?
- * If no upstream, return empty array.
- */
- SourceManager.prototype._getUpstreamSourceManagers = function () {
- // Always get the relationship from the raw option.
- // Do not cache the link of the dependency graph, so that
- // there is no need to update them when change happens.
- var sourceHost = this._sourceHost;
- if (isSeries(sourceHost)) {
- var datasetModel = querySeriesUpstreamDatasetModel(sourceHost);
- return !datasetModel ? [] : [datasetModel.getSourceManager()];
- } else {
- return map(queryDatasetUpstreamDatasetModels(sourceHost), function (datasetModel) {
- return datasetModel.getSourceManager();
- });
- }
- };
- SourceManager.prototype._getSourceMetaRawOption = function () {
- var sourceHost = this._sourceHost;
- var seriesLayoutBy;
- var sourceHeader;
- var dimensions;
- if (isSeries(sourceHost)) {
- seriesLayoutBy = sourceHost.get('seriesLayoutBy', true);
- sourceHeader = sourceHost.get('sourceHeader', true);
- dimensions = sourceHost.get('dimensions', true);
- }
- // See [REQUIREMENT_MEMO], `non-root-dataset` do not support them.
- else if (!this._getUpstreamSourceManagers().length) {
- var model = sourceHost;
- seriesLayoutBy = model.get('seriesLayoutBy', true);
- sourceHeader = model.get('sourceHeader', true);
- dimensions = model.get('dimensions', true);
- }
- return {
- seriesLayoutBy: seriesLayoutBy,
- sourceHeader: sourceHeader,
- dimensions: dimensions
- };
- };
- return SourceManager;
- }();
- // Call this method after `super.init` and `super.mergeOption` to
- // disable the transform merge, but do not disable transform clone from rawOption.
- function disableTransformOptionMerge(datasetModel) {
- var transformOption = datasetModel.option.transform;
- transformOption && setAsPrimitive(datasetModel.option.transform);
- }
- function isSeries(sourceHost) {
- // Avoid circular dependency with Series.ts
- return sourceHost.mainType === 'series';
- }
- function doThrow(errMsg) {
- throw new Error(errMsg);
- }
-
- var TOOLTIP_LINE_HEIGHT_CSS = 'line-height:1';
- // TODO: more textStyle option
- function getTooltipTextStyle(textStyle, renderMode) {
- var nameFontColor = textStyle.color || '#6e7079';
- var nameFontSize = textStyle.fontSize || 12;
- var nameFontWeight = textStyle.fontWeight || '400';
- var valueFontColor = textStyle.color || '#464646';
- var valueFontSize = textStyle.fontSize || 14;
- var valueFontWeight = textStyle.fontWeight || '900';
- if (renderMode === 'html') {
- // `textStyle` is probably from user input, should be encoded to reduce security risk.
- return {
- // eslint-disable-next-line max-len
- nameStyle: "font-size:" + encodeHTML(nameFontSize + '') + "px;color:" + encodeHTML(nameFontColor) + ";font-weight:" + encodeHTML(nameFontWeight + ''),
- // eslint-disable-next-line max-len
- valueStyle: "font-size:" + encodeHTML(valueFontSize + '') + "px;color:" + encodeHTML(valueFontColor) + ";font-weight:" + encodeHTML(valueFontWeight + '')
- };
- } else {
- return {
- nameStyle: {
- fontSize: nameFontSize,
- fill: nameFontColor,
- fontWeight: nameFontWeight
- },
- valueStyle: {
- fontSize: valueFontSize,
- fill: valueFontColor,
- fontWeight: valueFontWeight
- }
- };
- }
- }
- // See `TooltipMarkupLayoutIntent['innerGapLevel']`.
- // (value from UI design)
- var HTML_GAPS = [0, 10, 20, 30];
- var RICH_TEXT_GAPS = ['', '\n', '\n\n', '\n\n\n'];
- // eslint-disable-next-line max-len
- function createTooltipMarkup(type, option) {
- option.type = type;
- return option;
- }
- function isSectionFragment(frag) {
- return frag.type === 'section';
- }
- function getBuilder(frag) {
- return isSectionFragment(frag) ? buildSection : buildNameValue;
- }
- function getBlockGapLevel(frag) {
- if (isSectionFragment(frag)) {
- var gapLevel_1 = 0;
- var subBlockLen = frag.blocks.length;
- var hasInnerGap_1 = subBlockLen > 1 || subBlockLen > 0 && !frag.noHeader;
- each(frag.blocks, function (subBlock) {
- var subGapLevel = getBlockGapLevel(subBlock);
- // If the some of the sub-blocks have some gaps (like 10px) inside, this block
- // should use a larger gap (like 20px) to distinguish those sub-blocks.
- if (subGapLevel >= gapLevel_1) {
- gapLevel_1 = subGapLevel + +(hasInnerGap_1 && (
- // 0 always can not be readable gap level.
- !subGapLevel
- // If no header, always keep the sub gap level. Otherwise
- // look weird in case `multipleSeries`.
- || isSectionFragment(subBlock) && !subBlock.noHeader));
- }
- });
- return gapLevel_1;
- }
- return 0;
- }
- function buildSection(ctx, fragment, topMarginForOuterGap, toolTipTextStyle) {
- var noHeader = fragment.noHeader;
- var gaps = getGap(getBlockGapLevel(fragment));
- var subMarkupTextList = [];
- var subBlocks = fragment.blocks || [];
- assert(!subBlocks || isArray(subBlocks));
- subBlocks = subBlocks || [];
- var orderMode = ctx.orderMode;
- if (fragment.sortBlocks && orderMode) {
- subBlocks = subBlocks.slice();
- var orderMap = {
- valueAsc: 'asc',
- valueDesc: 'desc'
- };
- if (hasOwn(orderMap, orderMode)) {
- var comparator_1 = new SortOrderComparator(orderMap[orderMode], null);
- subBlocks.sort(function (a, b) {
- return comparator_1.evaluate(a.sortParam, b.sortParam);
- });
- }
- // FIXME 'seriesDesc' necessary?
- else if (orderMode === 'seriesDesc') {
- subBlocks.reverse();
- }
- }
- each(subBlocks, function (subBlock, idx) {
- var valueFormatter = fragment.valueFormatter;
- var subMarkupText = getBuilder(subBlock)(
- // Inherit valueFormatter
- valueFormatter ? extend(extend({}, ctx), {
- valueFormatter: valueFormatter
- }) : ctx, subBlock, idx > 0 ? gaps.html : 0, toolTipTextStyle);
- subMarkupText != null && subMarkupTextList.push(subMarkupText);
- });
- var subMarkupText = ctx.renderMode === 'richText' ? subMarkupTextList.join(gaps.richText) : wrapBlockHTML(subMarkupTextList.join(''), noHeader ? topMarginForOuterGap : gaps.html);
- if (noHeader) {
- return subMarkupText;
- }
- var displayableHeader = makeValueReadable(fragment.header, 'ordinal', ctx.useUTC);
- var nameStyle = getTooltipTextStyle(toolTipTextStyle, ctx.renderMode).nameStyle;
- if (ctx.renderMode === 'richText') {
- return wrapInlineNameRichText(ctx, displayableHeader, nameStyle) + gaps.richText + subMarkupText;
- } else {
- return wrapBlockHTML("" + encodeHTML(displayableHeader) + '
' + subMarkupText, topMarginForOuterGap);
- }
- }
- function buildNameValue(ctx, fragment, topMarginForOuterGap, toolTipTextStyle) {
- var renderMode = ctx.renderMode;
- var noName = fragment.noName;
- var noValue = fragment.noValue;
- var noMarker = !fragment.markerType;
- var name = fragment.name;
- var useUTC = ctx.useUTC;
- var valueFormatter = fragment.valueFormatter || ctx.valueFormatter || function (value) {
- value = isArray(value) ? value : [value];
- return map(value, function (val, idx) {
- return makeValueReadable(val, isArray(valueTypeOption) ? valueTypeOption[idx] : valueTypeOption, useUTC);
- });
- };
- if (noName && noValue) {
- return;
- }
- var markerStr = noMarker ? '' : ctx.markupStyleCreator.makeTooltipMarker(fragment.markerType, fragment.markerColor || '#333', renderMode);
- var readableName = noName ? '' : makeValueReadable(name, 'ordinal', useUTC);
- var valueTypeOption = fragment.valueType;
- var readableValueList = noValue ? [] : valueFormatter(fragment.value, fragment.dataIndex);
- var valueAlignRight = !noMarker || !noName;
- // It little weird if only value next to marker but far from marker.
- var valueCloseToMarker = !noMarker && noName;
- var _a = getTooltipTextStyle(toolTipTextStyle, renderMode),
- nameStyle = _a.nameStyle,
- valueStyle = _a.valueStyle;
- return renderMode === 'richText' ? (noMarker ? '' : markerStr) + (noName ? '' : wrapInlineNameRichText(ctx, readableName, nameStyle))
- // Value has commas inside, so use ' ' as delimiter for multiple values.
- + (noValue ? '' : wrapInlineValueRichText(ctx, readableValueList, valueAlignRight, valueCloseToMarker, valueStyle)) : wrapBlockHTML((noMarker ? '' : markerStr) + (noName ? '' : wrapInlineNameHTML(readableName, !noMarker, nameStyle)) + (noValue ? '' : wrapInlineValueHTML(readableValueList, valueAlignRight, valueCloseToMarker, valueStyle)), topMarginForOuterGap);
- }
- /**
- * @return markupText. null/undefined means no content.
- */
- function buildTooltipMarkup(fragment, markupStyleCreator, renderMode, orderMode, useUTC, toolTipTextStyle) {
- if (!fragment) {
- return;
- }
- var builder = getBuilder(fragment);
- var ctx = {
- useUTC: useUTC,
- renderMode: renderMode,
- orderMode: orderMode,
- markupStyleCreator: markupStyleCreator,
- valueFormatter: fragment.valueFormatter
- };
- return builder(ctx, fragment, 0, toolTipTextStyle);
- }
- function getGap(gapLevel) {
- return {
- html: HTML_GAPS[gapLevel],
- richText: RICH_TEXT_GAPS[gapLevel]
- };
- }
- function wrapBlockHTML(encodedContent, topGap) {
- var clearfix = '';
- var marginCSS = "margin: " + topGap + "px 0 0";
- return "" + encodedContent + clearfix + '
';
- }
- function wrapInlineNameHTML(name, leftHasMarker, style) {
- var marginCss = leftHasMarker ? 'margin-left:2px' : '';
- return "" + encodeHTML(name) + '';
- }
- function wrapInlineValueHTML(valueList, alignRight, valueCloseToMarker, style) {
- // Do not too close to marker, considering there are multiple values separated by spaces.
- var paddingStr = valueCloseToMarker ? '10px' : '20px';
- var alignCSS = alignRight ? "float:right;margin-left:" + paddingStr : '';
- valueList = isArray(valueList) ? valueList : [valueList];
- return ""
- // Value has commas inside, so use ' ' as delimiter for multiple values.
- + map(valueList, function (value) {
- return encodeHTML(value);
- }).join(' ') + '';
- }
- function wrapInlineNameRichText(ctx, name, style) {
- return ctx.markupStyleCreator.wrapRichTextStyle(name, style);
- }
- function wrapInlineValueRichText(ctx, values, alignRight, valueCloseToMarker, style) {
- var styles = [style];
- var paddingLeft = valueCloseToMarker ? 10 : 20;
- alignRight && styles.push({
- padding: [0, 0, 0, paddingLeft],
- align: 'right'
- });
- // Value has commas inside, so use ' ' as delimiter for multiple values.
- return ctx.markupStyleCreator.wrapRichTextStyle(isArray(values) ? values.join(' ') : values, styles);
- }
- function retrieveVisualColorForTooltipMarker(series, dataIndex) {
- var style = series.getData().getItemVisual(dataIndex, 'style');
- var color = style[series.visualDrawType];
- return convertToColorString(color);
- }
- function getPaddingFromTooltipModel(model, renderMode) {
- var padding = model.get('padding');
- return padding != null ? padding
- // We give slightly different to look pretty.
- : renderMode === 'richText' ? [8, 10] : 10;
- }
- /**
- * The major feature is generate styles for `renderMode: 'richText'`.
- * But it also serves `renderMode: 'html'` to provide
- * "renderMode-independent" API.
- */
- var TooltipMarkupStyleCreator = /** @class */function () {
- function TooltipMarkupStyleCreator() {
- this.richTextStyles = {};
- // Notice that "generate a style name" usually happens repeatedly when mouse is moving and
- // a tooltip is displayed. So we put the `_nextStyleNameId` as a member of each creator
- // rather than static shared by all creators (which will cause it increase to fast).
- this._nextStyleNameId = getRandomIdBase();
- }
- TooltipMarkupStyleCreator.prototype._generateStyleName = function () {
- return '__EC_aUTo_' + this._nextStyleNameId++;
- };
- TooltipMarkupStyleCreator.prototype.makeTooltipMarker = function (markerType, colorStr, renderMode) {
- var markerId = renderMode === 'richText' ? this._generateStyleName() : null;
- var marker = getTooltipMarker({
- color: colorStr,
- type: markerType,
- renderMode: renderMode,
- markerId: markerId
- });
- if (isString(marker)) {
- return marker;
- } else {
- if ("development" !== 'production') {
- assert(markerId);
- }
- this.richTextStyles[markerId] = marker.style;
- return marker.content;
- }
- };
- /**
- * @usage
- * ```ts
- * const styledText = markupStyleCreator.wrapRichTextStyle([
- * // The styles will be auto merged.
- * {
- * fontSize: 12,
- * color: 'blue'
- * },
- * {
- * padding: 20
- * }
- * ]);
- * ```
- */
- TooltipMarkupStyleCreator.prototype.wrapRichTextStyle = function (text, styles) {
- var finalStl = {};
- if (isArray(styles)) {
- each(styles, function (stl) {
- return extend(finalStl, stl);
- });
- } else {
- extend(finalStl, styles);
- }
- var styleName = this._generateStyleName();
- this.richTextStyles[styleName] = finalStl;
- return "{" + styleName + "|" + text + "}";
- };
- return TooltipMarkupStyleCreator;
- }();
-
- function defaultSeriesFormatTooltip(opt) {
- var series = opt.series;
- var dataIndex = opt.dataIndex;
- var multipleSeries = opt.multipleSeries;
- var data = series.getData();
- var tooltipDims = data.mapDimensionsAll('defaultedTooltip');
- var tooltipDimLen = tooltipDims.length;
- var value = series.getRawValue(dataIndex);
- var isValueArr = isArray(value);
- var markerColor = retrieveVisualColorForTooltipMarker(series, dataIndex);
- // Complicated rule for pretty tooltip.
- var inlineValue;
- var inlineValueType;
- var subBlocks;
- var sortParam;
- if (tooltipDimLen > 1 || isValueArr && !tooltipDimLen) {
- var formatArrResult = formatTooltipArrayValue(value, series, dataIndex, tooltipDims, markerColor);
- inlineValue = formatArrResult.inlineValues;
- inlineValueType = formatArrResult.inlineValueTypes;
- subBlocks = formatArrResult.blocks;
- // Only support tooltip sort by the first inline value. It's enough in most cases.
- sortParam = formatArrResult.inlineValues[0];
- } else if (tooltipDimLen) {
- var dimInfo = data.getDimensionInfo(tooltipDims[0]);
- sortParam = inlineValue = retrieveRawValue(data, dataIndex, tooltipDims[0]);
- inlineValueType = dimInfo.type;
- } else {
- sortParam = inlineValue = isValueArr ? value[0] : value;
- }
- // Do not show generated series name. It might not be readable.
- var seriesNameSpecified = isNameSpecified(series);
- var seriesName = seriesNameSpecified && series.name || '';
- var itemName = data.getName(dataIndex);
- var inlineName = multipleSeries ? seriesName : itemName;
- return createTooltipMarkup('section', {
- header: seriesName,
- // When series name is not specified, do not show a header line with only '-'.
- // This case always happens in tooltip.trigger: 'item'.
- noHeader: multipleSeries || !seriesNameSpecified,
- sortParam: sortParam,
- blocks: [createTooltipMarkup('nameValue', {
- markerType: 'item',
- markerColor: markerColor,
- // Do not mix display seriesName and itemName in one tooltip,
- // which might confuses users.
- name: inlineName,
- // name dimension might be auto assigned, where the name might
- // be not readable. So we check trim here.
- noName: !trim(inlineName),
- value: inlineValue,
- valueType: inlineValueType,
- dataIndex: dataIndex
- })].concat(subBlocks || [])
- });
- }
- function formatTooltipArrayValue(value, series, dataIndex, tooltipDims, colorStr) {
- // check: category-no-encode-has-axis-data in dataset.html
- var data = series.getData();
- var isValueMultipleLine = reduce(value, function (isValueMultipleLine, val, idx) {
- var dimItem = data.getDimensionInfo(idx);
- return isValueMultipleLine = isValueMultipleLine || dimItem && dimItem.tooltip !== false && dimItem.displayName != null;
- }, false);
- var inlineValues = [];
- var inlineValueTypes = [];
- var blocks = [];
- tooltipDims.length ? each(tooltipDims, function (dim) {
- setEachItem(retrieveRawValue(data, dataIndex, dim), dim);
- })
- // By default, all dims is used on tooltip.
- : each(value, setEachItem);
- function setEachItem(val, dim) {
- var dimInfo = data.getDimensionInfo(dim);
- // If `dimInfo.tooltip` is not set, show tooltip.
- if (!dimInfo || dimInfo.otherDims.tooltip === false) {
- return;
- }
- if (isValueMultipleLine) {
- blocks.push(createTooltipMarkup('nameValue', {
- markerType: 'subItem',
- markerColor: colorStr,
- name: dimInfo.displayName,
- value: val,
- valueType: dimInfo.type
- }));
- } else {
- inlineValues.push(val);
- inlineValueTypes.push(dimInfo.type);
- }
- }
- return {
- inlineValues: inlineValues,
- inlineValueTypes: inlineValueTypes,
- blocks: blocks
- };
- }
-
- var inner$1 = makeInner();
- function getSelectionKey(data, dataIndex) {
- return data.getName(dataIndex) || data.getId(dataIndex);
- }
- var SERIES_UNIVERSAL_TRANSITION_PROP = '__universalTransitionEnabled';
- var SeriesModel = /** @class */function (_super) {
- __extends(SeriesModel, _super);
- function SeriesModel() {
- // [Caution]: Because this class or desecendants can be used as `XXX.extend(subProto)`,
- // the class members must not be initialized in constructor or declaration place.
- // Otherwise there is bad case:
- // class A {xxx = 1;}
- // enableClassExtend(A);
- // class B extends A {}
- // var C = B.extend({xxx: 5});
- // var c = new C();
- // console.log(c.xxx); // expect 5 but always 1.
- var _this = _super !== null && _super.apply(this, arguments) || this;
- // ---------------------------------------
- // Props about data selection
- // ---------------------------------------
- _this._selectedDataIndicesMap = {};
- return _this;
- }
- SeriesModel.prototype.init = function (option, parentModel, ecModel) {
- this.seriesIndex = this.componentIndex;
- this.dataTask = createTask({
- count: dataTaskCount,
- reset: dataTaskReset
- });
- this.dataTask.context = {
- model: this
- };
- this.mergeDefaultAndTheme(option, ecModel);
- var sourceManager = inner$1(this).sourceManager = new SourceManager(this);
- sourceManager.prepareSource();
- var data = this.getInitialData(option, ecModel);
- wrapData(data, this);
- this.dataTask.context.data = data;
- if ("development" !== 'production') {
- assert(data, 'getInitialData returned invalid data.');
- }
- inner$1(this).dataBeforeProcessed = data;
- // If we reverse the order (make data firstly, and then make
- // dataBeforeProcessed by cloneShallow), cloneShallow will
- // cause data.graph.data !== data when using
- // module:echarts/data/Graph or module:echarts/data/Tree.
- // See module:echarts/data/helper/linkSeriesData
- // Theoretically, it is unreasonable to call `seriesModel.getData()` in the model
- // init or merge stage, because the data can be restored. So we do not `restoreData`
- // and `setData` here, which forbids calling `seriesModel.getData()` in this stage.
- // Call `seriesModel.getRawData()` instead.
- // this.restoreData();
- autoSeriesName(this);
- this._initSelectedMapFromData(data);
- };
- /**
- * Util for merge default and theme to option
- */
- SeriesModel.prototype.mergeDefaultAndTheme = function (option, ecModel) {
- var layoutMode = fetchLayoutMode(this);
- var inputPositionParams = layoutMode ? getLayoutParams(option) : {};
- // Backward compat: using subType on theme.
- // But if name duplicate between series subType
- // (for example: parallel) add component mainType,
- // add suffix 'Series'.
- var themeSubType = this.subType;
- if (ComponentModel.hasClass(themeSubType)) {
- themeSubType += 'Series';
- }
- merge(option, ecModel.getTheme().get(this.subType));
- merge(option, this.getDefaultOption());
- // Default label emphasis `show`
- defaultEmphasis(option, 'label', ['show']);
- this.fillDataTextStyle(option.data);
- if (layoutMode) {
- mergeLayoutParam(option, inputPositionParams, layoutMode);
- }
- };
- SeriesModel.prototype.mergeOption = function (newSeriesOption, ecModel) {
- // this.settingTask.dirty();
- newSeriesOption = merge(this.option, newSeriesOption, true);
- this.fillDataTextStyle(newSeriesOption.data);
- var layoutMode = fetchLayoutMode(this);
- if (layoutMode) {
- mergeLayoutParam(this.option, newSeriesOption, layoutMode);
- }
- var sourceManager = inner$1(this).sourceManager;
- sourceManager.dirty();
- sourceManager.prepareSource();
- var data = this.getInitialData(newSeriesOption, ecModel);
- wrapData(data, this);
- this.dataTask.dirty();
- this.dataTask.context.data = data;
- inner$1(this).dataBeforeProcessed = data;
- autoSeriesName(this);
- this._initSelectedMapFromData(data);
- };
- SeriesModel.prototype.fillDataTextStyle = function (data) {
- // Default data label emphasis `show`
- // FIXME Tree structure data ?
- // FIXME Performance ?
- if (data && !isTypedArray(data)) {
- var props = ['show'];
- for (var i = 0; i < data.length; i++) {
- if (data[i] && data[i].label) {
- defaultEmphasis(data[i], 'label', props);
- }
- }
- }
- };
- /**
- * Init a data structure from data related option in series
- * Must be overridden.
- */
- SeriesModel.prototype.getInitialData = function (option, ecModel) {
- return;
- };
- /**
- * Append data to list
- */
- SeriesModel.prototype.appendData = function (params) {
- // FIXME ???
- // (1) If data from dataset, forbidden append.
- // (2) support append data of dataset.
- var data = this.getRawData();
- data.appendData(params.data);
- };
- /**
- * Consider some method like `filter`, `map` need make new data,
- * We should make sure that `seriesModel.getData()` get correct
- * data in the stream procedure. So we fetch data from upstream
- * each time `task.perform` called.
- */
- SeriesModel.prototype.getData = function (dataType) {
- var task = getCurrentTask(this);
- if (task) {
- var data = task.context.data;
- return dataType == null ? data : data.getLinkedData(dataType);
- } else {
- // When series is not alive (that may happen when click toolbox
- // restore or setOption with not merge mode), series data may
- // be still need to judge animation or something when graphic
- // elements want to know whether fade out.
- return inner$1(this).data;
- }
- };
- SeriesModel.prototype.getAllData = function () {
- var mainData = this.getData();
- return mainData && mainData.getLinkedDataAll ? mainData.getLinkedDataAll() : [{
- data: mainData
- }];
- };
- SeriesModel.prototype.setData = function (data) {
- var task = getCurrentTask(this);
- if (task) {
- var context = task.context;
- // Consider case: filter, data sample.
- // FIXME:TS never used, so comment it
- // if (context.data !== data && task.modifyOutputEnd) {
- // task.setOutputEnd(data.count());
- // }
- context.outputData = data;
- // Caution: setData should update context.data,
- // Because getData may be called multiply in a
- // single stage and expect to get the data just
- // set. (For example, AxisProxy, x y both call
- // getData and setDate sequentially).
- // So the context.data should be fetched from
- // upstream each time when a stage starts to be
- // performed.
- if (task !== this.dataTask) {
- context.data = data;
- }
- }
- inner$1(this).data = data;
- };
- SeriesModel.prototype.getEncode = function () {
- var encode = this.get('encode', true);
- if (encode) {
- return createHashMap(encode);
- }
- };
- SeriesModel.prototype.getSourceManager = function () {
- return inner$1(this).sourceManager;
- };
- SeriesModel.prototype.getSource = function () {
- return this.getSourceManager().getSource();
- };
- /**
- * Get data before processed
- */
- SeriesModel.prototype.getRawData = function () {
- return inner$1(this).dataBeforeProcessed;
- };
- SeriesModel.prototype.getColorBy = function () {
- var colorBy = this.get('colorBy');
- return colorBy || 'series';
- };
- SeriesModel.prototype.isColorBySeries = function () {
- return this.getColorBy() === 'series';
- };
- /**
- * Get base axis if has coordinate system and has axis.
- * By default use coordSys.getBaseAxis();
- * Can be overridden for some chart.
- * @return {type} description
- */
- SeriesModel.prototype.getBaseAxis = function () {
- var coordSys = this.coordinateSystem;
- // @ts-ignore
- return coordSys && coordSys.getBaseAxis && coordSys.getBaseAxis();
- };
- /**
- * Default tooltip formatter
- *
- * @param dataIndex
- * @param multipleSeries
- * @param dataType
- * @param renderMode valid values: 'html'(by default) and 'richText'.
- * 'html' is used for rendering tooltip in extra DOM form, and the result
- * string is used as DOM HTML content.
- * 'richText' is used for rendering tooltip in rich text form, for those where
- * DOM operation is not supported.
- * @return formatted tooltip with `html` and `markers`
- * Notice: The override method can also return string
- */
- SeriesModel.prototype.formatTooltip = function (dataIndex, multipleSeries, dataType) {
- return defaultSeriesFormatTooltip({
- series: this,
- dataIndex: dataIndex,
- multipleSeries: multipleSeries
- });
- };
- SeriesModel.prototype.isAnimationEnabled = function () {
- var ecModel = this.ecModel;
- // Disable animation if using echarts in node but not give ssr flag.
- // In ssr mode, renderToString will generate svg with css animation.
- if (env.node && !(ecModel && ecModel.ssr)) {
- return false;
- }
- var animationEnabled = this.getShallow('animation');
- if (animationEnabled) {
- if (this.getData().count() > this.getShallow('animationThreshold')) {
- animationEnabled = false;
- }
- }
- return !!animationEnabled;
- };
- SeriesModel.prototype.restoreData = function () {
- this.dataTask.dirty();
- };
- SeriesModel.prototype.getColorFromPalette = function (name, scope, requestColorNum) {
- var ecModel = this.ecModel;
- // PENDING
- var color = PaletteMixin.prototype.getColorFromPalette.call(this, name, scope, requestColorNum);
- if (!color) {
- color = ecModel.getColorFromPalette(name, scope, requestColorNum);
- }
- return color;
- };
- /**
- * Use `data.mapDimensionsAll(coordDim)` instead.
- * @deprecated
- */
- SeriesModel.prototype.coordDimToDataDim = function (coordDim) {
- return this.getRawData().mapDimensionsAll(coordDim);
- };
- /**
- * Get progressive rendering count each step
- */
- SeriesModel.prototype.getProgressive = function () {
- return this.get('progressive');
- };
- /**
- * Get progressive rendering count each step
- */
- SeriesModel.prototype.getProgressiveThreshold = function () {
- return this.get('progressiveThreshold');
- };
- // PENGING If selectedMode is null ?
- SeriesModel.prototype.select = function (innerDataIndices, dataType) {
- this._innerSelect(this.getData(dataType), innerDataIndices);
- };
- SeriesModel.prototype.unselect = function (innerDataIndices, dataType) {
- var selectedMap = this.option.selectedMap;
- if (!selectedMap) {
- return;
- }
- var selectedMode = this.option.selectedMode;
- var data = this.getData(dataType);
- if (selectedMode === 'series' || selectedMap === 'all') {
- this.option.selectedMap = {};
- this._selectedDataIndicesMap = {};
- return;
- }
- for (var i = 0; i < innerDataIndices.length; i++) {
- var dataIndex = innerDataIndices[i];
- var nameOrId = getSelectionKey(data, dataIndex);
- selectedMap[nameOrId] = false;
- this._selectedDataIndicesMap[nameOrId] = -1;
- }
- };
- SeriesModel.prototype.toggleSelect = function (innerDataIndices, dataType) {
- var tmpArr = [];
- for (var i = 0; i < innerDataIndices.length; i++) {
- tmpArr[0] = innerDataIndices[i];
- this.isSelected(innerDataIndices[i], dataType) ? this.unselect(tmpArr, dataType) : this.select(tmpArr, dataType);
- }
- };
- SeriesModel.prototype.getSelectedDataIndices = function () {
- if (this.option.selectedMap === 'all') {
- return [].slice.call(this.getData().getIndices());
- }
- var selectedDataIndicesMap = this._selectedDataIndicesMap;
- var nameOrIds = keys(selectedDataIndicesMap);
- var dataIndices = [];
- for (var i = 0; i < nameOrIds.length; i++) {
- var dataIndex = selectedDataIndicesMap[nameOrIds[i]];
- if (dataIndex >= 0) {
- dataIndices.push(dataIndex);
- }
- }
- return dataIndices;
- };
- SeriesModel.prototype.isSelected = function (dataIndex, dataType) {
- var selectedMap = this.option.selectedMap;
- if (!selectedMap) {
- return false;
- }
- var data = this.getData(dataType);
- return (selectedMap === 'all' || selectedMap[getSelectionKey(data, dataIndex)]) && !data.getItemModel(dataIndex).get(['select', 'disabled']);
- };
- SeriesModel.prototype.isUniversalTransitionEnabled = function () {
- if (this[SERIES_UNIVERSAL_TRANSITION_PROP]) {
- return true;
- }
- var universalTransitionOpt = this.option.universalTransition;
- // Quick reject
- if (!universalTransitionOpt) {
- return false;
- }
- if (universalTransitionOpt === true) {
- return true;
- }
- // Can be simply 'universalTransition: true'
- return universalTransitionOpt && universalTransitionOpt.enabled;
- };
- SeriesModel.prototype._innerSelect = function (data, innerDataIndices) {
- var _a, _b;
- var option = this.option;
- var selectedMode = option.selectedMode;
- var len = innerDataIndices.length;
- if (!selectedMode || !len) {
- return;
- }
- if (selectedMode === 'series') {
- option.selectedMap = 'all';
- } else if (selectedMode === 'multiple') {
- if (!isObject(option.selectedMap)) {
- option.selectedMap = {};
- }
- var selectedMap = option.selectedMap;
- for (var i = 0; i < len; i++) {
- var dataIndex = innerDataIndices[i];
- // TODO different types of data share same object.
- var nameOrId = getSelectionKey(data, dataIndex);
- selectedMap[nameOrId] = true;
- this._selectedDataIndicesMap[nameOrId] = data.getRawIndex(dataIndex);
- }
- } else if (selectedMode === 'single' || selectedMode === true) {
- var lastDataIndex = innerDataIndices[len - 1];
- var nameOrId = getSelectionKey(data, lastDataIndex);
- option.selectedMap = (_a = {}, _a[nameOrId] = true, _a);
- this._selectedDataIndicesMap = (_b = {}, _b[nameOrId] = data.getRawIndex(lastDataIndex), _b);
- }
- };
- SeriesModel.prototype._initSelectedMapFromData = function (data) {
- // Ignore select info in data if selectedMap exists.
- // NOTE It's only for legacy usage. edge data is not supported.
- if (this.option.selectedMap) {
- return;
- }
- var dataIndices = [];
- if (data.hasItemOption) {
- data.each(function (idx) {
- var rawItem = data.getRawDataItem(idx);
- if (rawItem && rawItem.selected) {
- dataIndices.push(idx);
- }
- });
- }
- if (dataIndices.length > 0) {
- this._innerSelect(data, dataIndices);
- }
- };
- // /**
- // * @see {module:echarts/stream/Scheduler}
- // */
- // abstract pipeTask: null
- SeriesModel.registerClass = function (clz) {
- return ComponentModel.registerClass(clz);
- };
- SeriesModel.protoInitialize = function () {
- var proto = SeriesModel.prototype;
- proto.type = 'series.__base__';
- proto.seriesIndex = 0;
- proto.ignoreStyleOnData = false;
- proto.hasSymbolVisual = false;
- proto.defaultSymbol = 'circle';
- // Make sure the values can be accessed!
- proto.visualStyleAccessPath = 'itemStyle';
- proto.visualDrawType = 'fill';
- }();
- return SeriesModel;
- }(ComponentModel);
- mixin(SeriesModel, DataFormatMixin);
- mixin(SeriesModel, PaletteMixin);
- mountExtend(SeriesModel, ComponentModel);
- /**
- * MUST be called after `prepareSource` called
- * Here we need to make auto series, especially for auto legend. But we
- * do not modify series.name in option to avoid side effects.
- */
- function autoSeriesName(seriesModel) {
- // User specified name has higher priority, otherwise it may cause
- // series can not be queried unexpectedly.
- var name = seriesModel.name;
- if (!isNameSpecified(seriesModel)) {
- seriesModel.name = getSeriesAutoName(seriesModel) || name;
- }
- }
- function getSeriesAutoName(seriesModel) {
- var data = seriesModel.getRawData();
- var dataDims = data.mapDimensionsAll('seriesName');
- var nameArr = [];
- each(dataDims, function (dataDim) {
- var dimInfo = data.getDimensionInfo(dataDim);
- dimInfo.displayName && nameArr.push(dimInfo.displayName);
- });
- return nameArr.join(' ');
- }
- function dataTaskCount(context) {
- return context.model.getRawData().count();
- }
- function dataTaskReset(context) {
- var seriesModel = context.model;
- seriesModel.setData(seriesModel.getRawData().cloneShallow());
- return dataTaskProgress;
- }
- function dataTaskProgress(param, context) {
- // Avoid repeat cloneShallow when data just created in reset.
- if (context.outputData && param.end > context.outputData.count()) {
- context.model.getRawData().cloneShallow(context.outputData);
- }
- }
- // TODO refactor
- function wrapData(data, seriesModel) {
- each(concatArray(data.CHANGABLE_METHODS, data.DOWNSAMPLE_METHODS), function (methodName) {
- data.wrapMethod(methodName, curry(onDataChange, seriesModel));
- });
- }
- function onDataChange(seriesModel, newList) {
- var task = getCurrentTask(seriesModel);
- if (task) {
- // Consider case: filter, selectRange
- task.setOutputEnd((newList || this).count());
- }
- return newList;
- }
- function getCurrentTask(seriesModel) {
- var scheduler = (seriesModel.ecModel || {}).scheduler;
- var pipeline = scheduler && scheduler.getPipeline(seriesModel.uid);
- if (pipeline) {
- // When pipline finished, the currrentTask keep the last
- // task (renderTask).
- var task = pipeline.currentTask;
- if (task) {
- var agentStubMap = task.agentStubMap;
- if (agentStubMap) {
- task = agentStubMap.get(seriesModel.uid);
- }
- }
- return task;
- }
- }
-
- var ComponentView = /** @class */function () {
- function ComponentView() {
- this.group = new Group();
- this.uid = getUID('viewComponent');
- }
- ComponentView.prototype.init = function (ecModel, api) {};
- ComponentView.prototype.render = function (model, ecModel, api, payload) {};
- ComponentView.prototype.dispose = function (ecModel, api) {};
- ComponentView.prototype.updateView = function (model, ecModel, api, payload) {
- // Do nothing;
- };
- ComponentView.prototype.updateLayout = function (model, ecModel, api, payload) {
- // Do nothing;
- };
- ComponentView.prototype.updateVisual = function (model, ecModel, api, payload) {
- // Do nothing;
- };
- /**
- * Hook for toggle blur target series.
- * Can be used in marker for blur or leave blur the markers
- */
- ComponentView.prototype.toggleBlurSeries = function (seriesModels, isBlur, ecModel) {
- // Do nothing;
- };
- /**
- * Traverse the new rendered elements.
- *
- * It will traverse the new added element in progressive rendering.
- * And traverse all in normal rendering.
- */
- ComponentView.prototype.eachRendered = function (cb) {
- var group = this.group;
- if (group) {
- group.traverse(cb);
- }
- };
- return ComponentView;
- }();
- enableClassExtend(ComponentView);
- enableClassManagement(ComponentView);
-
- /**
- * @return {string} If large mode changed, return string 'reset';
- */
- function createRenderPlanner() {
- var inner = makeInner();
- return function (seriesModel) {
- var fields = inner(seriesModel);
- var pipelineContext = seriesModel.pipelineContext;
- var originalLarge = !!fields.large;
- var originalProgressive = !!fields.progressiveRender;
- // FIXME: if the planner works on a filtered series, `pipelineContext` does not
- // exists. See #11611 . Probably we need to modify this structure, see the comment
- // on `performRawSeries` in `Schedular.js`.
- var large = fields.large = !!(pipelineContext && pipelineContext.large);
- var progressive = fields.progressiveRender = !!(pipelineContext && pipelineContext.progressiveRender);
- return !!(originalLarge !== large || originalProgressive !== progressive) && 'reset';
- };
- }
-
- var inner$2 = makeInner();
- var renderPlanner = createRenderPlanner();
- var ChartView = /** @class */function () {
- function ChartView() {
- this.group = new Group();
- this.uid = getUID('viewChart');
- this.renderTask = createTask({
- plan: renderTaskPlan,
- reset: renderTaskReset
- });
- this.renderTask.context = {
- view: this
- };
- }
- ChartView.prototype.init = function (ecModel, api) {};
- ChartView.prototype.render = function (seriesModel, ecModel, api, payload) {
- if ("development" !== 'production') {
- throw new Error('render method must been implemented');
- }
- };
- /**
- * Highlight series or specified data item.
- */
- ChartView.prototype.highlight = function (seriesModel, ecModel, api, payload) {
- var data = seriesModel.getData(payload && payload.dataType);
- if (!data) {
- if ("development" !== 'production') {
- error("Unknown dataType " + payload.dataType);
- }
- return;
- }
- toggleHighlight(data, payload, 'emphasis');
- };
- /**
- * Downplay series or specified data item.
- */
- ChartView.prototype.downplay = function (seriesModel, ecModel, api, payload) {
- var data = seriesModel.getData(payload && payload.dataType);
- if (!data) {
- if ("development" !== 'production') {
- error("Unknown dataType " + payload.dataType);
- }
- return;
- }
- toggleHighlight(data, payload, 'normal');
- };
- /**
- * Remove self.
- */
- ChartView.prototype.remove = function (ecModel, api) {
- this.group.removeAll();
- };
- /**
- * Dispose self.
- */
- ChartView.prototype.dispose = function (ecModel, api) {};
- ChartView.prototype.updateView = function (seriesModel, ecModel, api, payload) {
- this.render(seriesModel, ecModel, api, payload);
- };
- // FIXME never used?
- ChartView.prototype.updateLayout = function (seriesModel, ecModel, api, payload) {
- this.render(seriesModel, ecModel, api, payload);
- };
- // FIXME never used?
- ChartView.prototype.updateVisual = function (seriesModel, ecModel, api, payload) {
- this.render(seriesModel, ecModel, api, payload);
- };
- /**
- * Traverse the new rendered elements.
- *
- * It will traverse the new added element in progressive rendering.
- * And traverse all in normal rendering.
- */
- ChartView.prototype.eachRendered = function (cb) {
- traverseElements(this.group, cb);
- };
- ChartView.markUpdateMethod = function (payload, methodName) {
- inner$2(payload).updateMethod = methodName;
- };
- ChartView.protoInitialize = function () {
- var proto = ChartView.prototype;
- proto.type = 'chart';
- }();
- return ChartView;
- }();
- /**
- * Set state of single element
- */
- function elSetState(el, state, highlightDigit) {
- if (el && isHighDownDispatcher(el)) {
- (state === 'emphasis' ? enterEmphasis : leaveEmphasis)(el, highlightDigit);
- }
- }
- function toggleHighlight(data, payload, state) {
- var dataIndex = queryDataIndex(data, payload);
- var highlightDigit = payload && payload.highlightKey != null ? getHighlightDigit(payload.highlightKey) : null;
- if (dataIndex != null) {
- each(normalizeToArray(dataIndex), function (dataIdx) {
- elSetState(data.getItemGraphicEl(dataIdx), state, highlightDigit);
- });
- } else {
- data.eachItemGraphicEl(function (el) {
- elSetState(el, state, highlightDigit);
- });
- }
- }
- enableClassExtend(ChartView, ['dispose']);
- enableClassManagement(ChartView);
- function renderTaskPlan(context) {
- return renderPlanner(context.model);
- }
- function renderTaskReset(context) {
- var seriesModel = context.model;
- var ecModel = context.ecModel;
- var api = context.api;
- var payload = context.payload;
- // FIXME: remove updateView updateVisual
- var progressiveRender = seriesModel.pipelineContext.progressiveRender;
- var view = context.view;
- var updateMethod = payload && inner$2(payload).updateMethod;
- var methodName = progressiveRender ? 'incrementalPrepareRender' : updateMethod && view[updateMethod] ? updateMethod
- // `appendData` is also supported when data amount
- // is less than progressive threshold.
- : 'render';
- if (methodName !== 'render') {
- view[methodName](seriesModel, ecModel, api, payload);
- }
- return progressMethodMap[methodName];
- }
- var progressMethodMap = {
- incrementalPrepareRender: {
- progress: function (params, context) {
- context.view.incrementalRender(params, context.model, context.ecModel, context.api, context.payload);
- }
- },
- render: {
- // Put view.render in `progress` to support appendData. But in this case
- // view.render should not be called in reset, otherwise it will be called
- // twise. Use `forceFirstProgress` to make sure that view.render is called
- // in any cases.
- forceFirstProgress: true,
- progress: function (params, context) {
- context.view.render(context.model, context.ecModel, context.api, context.payload);
- }
- }
- };
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- var ORIGIN_METHOD = '\0__throttleOriginMethod';
- var RATE = '\0__throttleRate';
- var THROTTLE_TYPE = '\0__throttleType';
- /**
- * @public
- * @param {(Function)} fn
- * @param {number} [delay=0] Unit: ms.
- * @param {boolean} [debounce=false]
- * true: If call interval less than `delay`, only the last call works.
- * false: If call interval less than `delay, call works on fixed rate.
- * @return {(Function)} throttled fn.
- */
- function throttle(fn, delay, debounce) {
- var currCall;
- var lastCall = 0;
- var lastExec = 0;
- var timer = null;
- var diff;
- var scope;
- var args;
- var debounceNextCall;
- delay = delay || 0;
- function exec() {
- lastExec = new Date().getTime();
- timer = null;
- fn.apply(scope, args || []);
- }
- var cb = function () {
- var cbArgs = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- cbArgs[_i] = arguments[_i];
- }
- currCall = new Date().getTime();
- scope = this;
- args = cbArgs;
- var thisDelay = debounceNextCall || delay;
- var thisDebounce = debounceNextCall || debounce;
- debounceNextCall = null;
- diff = currCall - (thisDebounce ? lastCall : lastExec) - thisDelay;
- clearTimeout(timer);
- // Here we should make sure that: the `exec` SHOULD NOT be called later
- // than a new call of `cb`, that is, preserving the command order. Consider
- // calculating "scale rate" when roaming as an example. When a call of `cb`
- // happens, either the `exec` is called dierectly, or the call is delayed.
- // But the delayed call should never be later than next call of `cb`. Under
- // this assurance, we can simply update view state each time `dispatchAction`
- // triggered by user roaming, but not need to add extra code to avoid the
- // state being "rolled-back".
- if (thisDebounce) {
- timer = setTimeout(exec, thisDelay);
- } else {
- if (diff >= 0) {
- exec();
- } else {
- timer = setTimeout(exec, -diff);
- }
- }
- lastCall = currCall;
- };
- /**
- * Clear throttle.
- * @public
- */
- cb.clear = function () {
- if (timer) {
- clearTimeout(timer);
- timer = null;
- }
- };
- /**
- * Enable debounce once.
- */
- cb.debounceNextCall = function (debounceDelay) {
- debounceNextCall = debounceDelay;
- };
- return cb;
- }
- /**
- * Create throttle method or update throttle rate.
- *
- * @example
- * ComponentView.prototype.render = function () {
- * ...
- * throttle.createOrUpdate(
- * this,
- * '_dispatchAction',
- * this.model.get('throttle'),
- * 'fixRate'
- * );
- * };
- * ComponentView.prototype.remove = function () {
- * throttle.clear(this, '_dispatchAction');
- * };
- * ComponentView.prototype.dispose = function () {
- * throttle.clear(this, '_dispatchAction');
- * };
- *
- */
- function createOrUpdate(obj, fnAttr, rate, throttleType) {
- var fn = obj[fnAttr];
- if (!fn) {
- return;
- }
- var originFn = fn[ORIGIN_METHOD] || fn;
- var lastThrottleType = fn[THROTTLE_TYPE];
- var lastRate = fn[RATE];
- if (lastRate !== rate || lastThrottleType !== throttleType) {
- if (rate == null || !throttleType) {
- return obj[fnAttr] = originFn;
- }
- fn = obj[fnAttr] = throttle(originFn, rate, throttleType === 'debounce');
- fn[ORIGIN_METHOD] = originFn;
- fn[THROTTLE_TYPE] = throttleType;
- fn[RATE] = rate;
- }
- return fn;
- }
- /**
- * Clear throttle. Example see throttle.createOrUpdate.
- */
- function clear(obj, fnAttr) {
- var fn = obj[fnAttr];
- if (fn && fn[ORIGIN_METHOD]) {
- // Clear throttle
- fn.clear && fn.clear();
- obj[fnAttr] = fn[ORIGIN_METHOD];
- }
- }
-
- var inner$3 = makeInner();
- var defaultStyleMappers = {
- itemStyle: makeStyleMapper(ITEM_STYLE_KEY_MAP, true),
- lineStyle: makeStyleMapper(LINE_STYLE_KEY_MAP, true)
- };
- var defaultColorKey = {
- lineStyle: 'stroke',
- itemStyle: 'fill'
- };
- function getStyleMapper(seriesModel, stylePath) {
- var styleMapper = seriesModel.visualStyleMapper || defaultStyleMappers[stylePath];
- if (!styleMapper) {
- console.warn("Unknown style type '" + stylePath + "'.");
- return defaultStyleMappers.itemStyle;
- }
- return styleMapper;
- }
- function getDefaultColorKey(seriesModel, stylePath) {
- // return defaultColorKey[stylePath] ||
- var colorKey = seriesModel.visualDrawType || defaultColorKey[stylePath];
- if (!colorKey) {
- console.warn("Unknown style type '" + stylePath + "'.");
- return 'fill';
- }
- return colorKey;
- }
- var seriesStyleTask = {
- createOnAllSeries: true,
- performRawSeries: true,
- reset: function (seriesModel, ecModel) {
- var data = seriesModel.getData();
- var stylePath = seriesModel.visualStyleAccessPath || 'itemStyle';
- // Set in itemStyle
- var styleModel = seriesModel.getModel(stylePath);
- var getStyle = getStyleMapper(seriesModel, stylePath);
- var globalStyle = getStyle(styleModel);
- var decalOption = styleModel.getShallow('decal');
- if (decalOption) {
- data.setVisual('decal', decalOption);
- decalOption.dirty = true;
- }
- // TODO
- var colorKey = getDefaultColorKey(seriesModel, stylePath);
- var color = globalStyle[colorKey];
- // TODO style callback
- var colorCallback = isFunction(color) ? color : null;
- var hasAutoColor = globalStyle.fill === 'auto' || globalStyle.stroke === 'auto';
- // Get from color palette by default.
- if (!globalStyle[colorKey] || colorCallback || hasAutoColor) {
- // Note: If some series has color specified (e.g., by itemStyle.color), we DO NOT
- // make it effect palette. Because some scenarios users need to make some series
- // transparent or as background, which should better not effect the palette.
- var colorPalette = seriesModel.getColorFromPalette(
- // TODO series count changed.
- seriesModel.name, null, ecModel.getSeriesCount());
- if (!globalStyle[colorKey]) {
- globalStyle[colorKey] = colorPalette;
- data.setVisual('colorFromPalette', true);
- }
- globalStyle.fill = globalStyle.fill === 'auto' || isFunction(globalStyle.fill) ? colorPalette : globalStyle.fill;
- globalStyle.stroke = globalStyle.stroke === 'auto' || isFunction(globalStyle.stroke) ? colorPalette : globalStyle.stroke;
- }
- data.setVisual('style', globalStyle);
- data.setVisual('drawType', colorKey);
- // Only visible series has each data be visual encoded
- if (!ecModel.isSeriesFiltered(seriesModel) && colorCallback) {
- data.setVisual('colorFromPalette', false);
- return {
- dataEach: function (data, idx) {
- var dataParams = seriesModel.getDataParams(idx);
- var itemStyle = extend({}, globalStyle);
- itemStyle[colorKey] = colorCallback(dataParams);
- data.setItemVisual(idx, 'style', itemStyle);
- }
- };
- }
- }
- };
- var sharedModel = new Model();
- var dataStyleTask = {
- createOnAllSeries: true,
- performRawSeries: true,
- reset: function (seriesModel, ecModel) {
- if (seriesModel.ignoreStyleOnData || ecModel.isSeriesFiltered(seriesModel)) {
- return;
- }
- var data = seriesModel.getData();
- var stylePath = seriesModel.visualStyleAccessPath || 'itemStyle';
- // Set in itemStyle
- var getStyle = getStyleMapper(seriesModel, stylePath);
- var colorKey = data.getVisual('drawType');
- return {
- dataEach: data.hasItemOption ? function (data, idx) {
- // Not use getItemModel for performance considuration
- var rawItem = data.getRawDataItem(idx);
- if (rawItem && rawItem[stylePath]) {
- sharedModel.option = rawItem[stylePath];
- var style = getStyle(sharedModel);
- var existsStyle = data.ensureUniqueItemVisual(idx, 'style');
- extend(existsStyle, style);
- if (sharedModel.option.decal) {
- data.setItemVisual(idx, 'decal', sharedModel.option.decal);
- sharedModel.option.decal.dirty = true;
- }
- if (colorKey in style) {
- data.setItemVisual(idx, 'colorFromPalette', false);
- }
- }
- } : null
- };
- }
- };
- // Pick color from palette for the data which has not been set with color yet.
- // Note: do not support stream rendering. No such cases yet.
- var dataColorPaletteTask = {
- performRawSeries: true,
- overallReset: function (ecModel) {
- // Each type of series uses one scope.
- // Pie and funnel are using different scopes.
- var paletteScopeGroupByType = createHashMap();
- ecModel.eachSeries(function (seriesModel) {
- var colorBy = seriesModel.getColorBy();
- if (seriesModel.isColorBySeries()) {
- return;
- }
- var key = seriesModel.type + '-' + colorBy;
- var colorScope = paletteScopeGroupByType.get(key);
- if (!colorScope) {
- colorScope = {};
- paletteScopeGroupByType.set(key, colorScope);
- }
- inner$3(seriesModel).scope = colorScope;
- });
- ecModel.eachSeries(function (seriesModel) {
- if (seriesModel.isColorBySeries() || ecModel.isSeriesFiltered(seriesModel)) {
- return;
- }
- var dataAll = seriesModel.getRawData();
- var idxMap = {};
- var data = seriesModel.getData();
- var colorScope = inner$3(seriesModel).scope;
- var stylePath = seriesModel.visualStyleAccessPath || 'itemStyle';
- var colorKey = getDefaultColorKey(seriesModel, stylePath);
- data.each(function (idx) {
- var rawIdx = data.getRawIndex(idx);
- idxMap[rawIdx] = idx;
- });
- // Iterate on data before filtered. To make sure color from palette can be
- // Consistent when toggling legend.
- dataAll.each(function (rawIdx) {
- var idx = idxMap[rawIdx];
- var fromPalette = data.getItemVisual(idx, 'colorFromPalette');
- // Get color from palette for each data only when the color is inherited from series color, which is
- // also picked from color palette. So following situation is not in the case:
- // 1. series.itemStyle.color is set
- // 2. color is encoded by visualMap
- if (fromPalette) {
- var itemStyle = data.ensureUniqueItemVisual(idx, 'style');
- var name_1 = dataAll.getName(rawIdx) || rawIdx + '';
- var dataCount = dataAll.count();
- itemStyle[colorKey] = seriesModel.getColorFromPalette(name_1, colorScope, dataCount);
- }
- });
- });
- }
- };
-
- var PI$3 = Math.PI;
- /**
- * @param {module:echarts/ExtensionAPI} api
- * @param {Object} [opts]
- * @param {string} [opts.text]
- * @param {string} [opts.color]
- * @param {string} [opts.textColor]
- * @return {module:zrender/Element}
- */
- function defaultLoading(api, opts) {
- opts = opts || {};
- defaults(opts, {
- text: 'loading',
- textColor: '#000',
- fontSize: 12,
- fontWeight: 'normal',
- fontStyle: 'normal',
- fontFamily: 'sans-serif',
- maskColor: 'rgba(255, 255, 255, 0.8)',
- showSpinner: true,
- color: '#5470c6',
- spinnerRadius: 10,
- lineWidth: 5,
- zlevel: 0
- });
- var group = new Group();
- var mask = new Rect({
- style: {
- fill: opts.maskColor
- },
- zlevel: opts.zlevel,
- z: 10000
- });
- group.add(mask);
- var textContent = new ZRText({
- style: {
- text: opts.text,
- fill: opts.textColor,
- fontSize: opts.fontSize,
- fontWeight: opts.fontWeight,
- fontStyle: opts.fontStyle,
- fontFamily: opts.fontFamily
- },
- zlevel: opts.zlevel,
- z: 10001
- });
- var labelRect = new Rect({
- style: {
- fill: 'none'
- },
- textContent: textContent,
- textConfig: {
- position: 'right',
- distance: 10
- },
- zlevel: opts.zlevel,
- z: 10001
- });
- group.add(labelRect);
- var arc;
- if (opts.showSpinner) {
- arc = new Arc({
- shape: {
- startAngle: -PI$3 / 2,
- endAngle: -PI$3 / 2 + 0.1,
- r: opts.spinnerRadius
- },
- style: {
- stroke: opts.color,
- lineCap: 'round',
- lineWidth: opts.lineWidth
- },
- zlevel: opts.zlevel,
- z: 10001
- });
- arc.animateShape(true).when(1000, {
- endAngle: PI$3 * 3 / 2
- }).start('circularInOut');
- arc.animateShape(true).when(1000, {
- startAngle: PI$3 * 3 / 2
- }).delay(300).start('circularInOut');
- group.add(arc);
- }
- // Inject resize
- group.resize = function () {
- var textWidth = textContent.getBoundingRect().width;
- var r = opts.showSpinner ? opts.spinnerRadius : 0;
- // cx = (containerWidth - arcDiameter - textDistance - textWidth) / 2
- // textDistance needs to be calculated when both animation and text exist
- var cx = (api.getWidth() - r * 2 - (opts.showSpinner && textWidth ? 10 : 0) - textWidth) / 2 - (opts.showSpinner && textWidth ? 0 : 5 + textWidth / 2)
- // only show the text
- + (opts.showSpinner ? 0 : textWidth / 2)
- // only show the spinner
- + (textWidth ? 0 : r);
- var cy = api.getHeight() / 2;
- opts.showSpinner && arc.setShape({
- cx: cx,
- cy: cy
- });
- labelRect.setShape({
- x: cx - r,
- y: cy - r,
- width: r * 2,
- height: r * 2
- });
- mask.setShape({
- x: 0,
- y: 0,
- width: api.getWidth(),
- height: api.getHeight()
- });
- };
- group.resize();
- return group;
- }
-
- var Scheduler = /** @class */function () {
- function Scheduler(ecInstance, api, dataProcessorHandlers, visualHandlers) {
- // key: handlerUID
- this._stageTaskMap = createHashMap();
- this.ecInstance = ecInstance;
- this.api = api;
- // Fix current processors in case that in some rear cases that
- // processors might be registered after echarts instance created.
- // Register processors incrementally for a echarts instance is
- // not supported by this stream architecture.
- dataProcessorHandlers = this._dataProcessorHandlers = dataProcessorHandlers.slice();
- visualHandlers = this._visualHandlers = visualHandlers.slice();
- this._allHandlers = dataProcessorHandlers.concat(visualHandlers);
- }
- Scheduler.prototype.restoreData = function (ecModel, payload) {
- // TODO: Only restore needed series and components, but not all components.
- // Currently `restoreData` of all of the series and component will be called.
- // But some independent components like `title`, `legend`, `graphic`, `toolbox`,
- // `tooltip`, `axisPointer`, etc, do not need series refresh when `setOption`,
- // and some components like coordinate system, axes, dataZoom, visualMap only
- // need their target series refresh.
- // (1) If we are implementing this feature some day, we should consider these cases:
- // if a data processor depends on a component (e.g., dataZoomProcessor depends
- // on the settings of `dataZoom`), it should be re-performed if the component
- // is modified by `setOption`.
- // (2) If a processor depends on sevral series, speicified by its `getTargetSeries`,
- // it should be re-performed when the result array of `getTargetSeries` changed.
- // We use `dependencies` to cover these issues.
- // (3) How to update target series when coordinate system related components modified.
- // TODO: simply the dirty mechanism? Check whether only the case here can set tasks dirty,
- // and this case all of the tasks will be set as dirty.
- ecModel.restoreData(payload);
- // Theoretically an overall task not only depends on each of its target series, but also
- // depends on all of the series.
- // The overall task is not in pipeline, and `ecModel.restoreData` only set pipeline tasks
- // dirty. If `getTargetSeries` of an overall task returns nothing, we should also ensure
- // that the overall task is set as dirty and to be performed, otherwise it probably cause
- // state chaos. So we have to set dirty of all of the overall tasks manually, otherwise it
- // probably cause state chaos (consider `dataZoomProcessor`).
- this._stageTaskMap.each(function (taskRecord) {
- var overallTask = taskRecord.overallTask;
- overallTask && overallTask.dirty();
- });
- };
- // If seriesModel provided, incremental threshold is check by series data.
- Scheduler.prototype.getPerformArgs = function (task, isBlock) {
- // For overall task
- if (!task.__pipeline) {
- return;
- }
- var pipeline = this._pipelineMap.get(task.__pipeline.id);
- var pCtx = pipeline.context;
- var incremental = !isBlock && pipeline.progressiveEnabled && (!pCtx || pCtx.progressiveRender) && task.__idxInPipeline > pipeline.blockIndex;
- var step = incremental ? pipeline.step : null;
- var modDataCount = pCtx && pCtx.modDataCount;
- var modBy = modDataCount != null ? Math.ceil(modDataCount / step) : null;
- return {
- step: step,
- modBy: modBy,
- modDataCount: modDataCount
- };
- };
- Scheduler.prototype.getPipeline = function (pipelineId) {
- return this._pipelineMap.get(pipelineId);
- };
- /**
- * Current, progressive rendering starts from visual and layout.
- * Always detect render mode in the same stage, avoiding that incorrect
- * detection caused by data filtering.
- * Caution:
- * `updateStreamModes` use `seriesModel.getData()`.
- */
- Scheduler.prototype.updateStreamModes = function (seriesModel, view) {
- var pipeline = this._pipelineMap.get(seriesModel.uid);
- var data = seriesModel.getData();
- var dataLen = data.count();
- // `progressiveRender` means that can render progressively in each
- // animation frame. Note that some types of series do not provide
- // `view.incrementalPrepareRender` but support `chart.appendData`. We
- // use the term `incremental` but not `progressive` to describe the
- // case that `chart.appendData`.
- var progressiveRender = pipeline.progressiveEnabled && view.incrementalPrepareRender && dataLen >= pipeline.threshold;
- var large = seriesModel.get('large') && dataLen >= seriesModel.get('largeThreshold');
- // TODO: modDataCount should not updated if `appendData`, otherwise cause whole repaint.
- // see `test/candlestick-large3.html`
- var modDataCount = seriesModel.get('progressiveChunkMode') === 'mod' ? dataLen : null;
- seriesModel.pipelineContext = pipeline.context = {
- progressiveRender: progressiveRender,
- modDataCount: modDataCount,
- large: large
- };
- };
- Scheduler.prototype.restorePipelines = function (ecModel) {
- var scheduler = this;
- var pipelineMap = scheduler._pipelineMap = createHashMap();
- ecModel.eachSeries(function (seriesModel) {
- var progressive = seriesModel.getProgressive();
- var pipelineId = seriesModel.uid;
- pipelineMap.set(pipelineId, {
- id: pipelineId,
- head: null,
- tail: null,
- threshold: seriesModel.getProgressiveThreshold(),
- progressiveEnabled: progressive && !(seriesModel.preventIncremental && seriesModel.preventIncremental()),
- blockIndex: -1,
- step: Math.round(progressive || 700),
- count: 0
- });
- scheduler._pipe(seriesModel, seriesModel.dataTask);
- });
- };
- Scheduler.prototype.prepareStageTasks = function () {
- var stageTaskMap = this._stageTaskMap;
- var ecModel = this.api.getModel();
- var api = this.api;
- each(this._allHandlers, function (handler) {
- var record = stageTaskMap.get(handler.uid) || stageTaskMap.set(handler.uid, {});
- var errMsg = '';
- if ("development" !== 'production') {
- // Currently do not need to support to sepecify them both.
- errMsg = '"reset" and "overallReset" must not be both specified.';
- }
- assert(!(handler.reset && handler.overallReset), errMsg);
- handler.reset && this._createSeriesStageTask(handler, record, ecModel, api);
- handler.overallReset && this._createOverallStageTask(handler, record, ecModel, api);
- }, this);
- };
- Scheduler.prototype.prepareView = function (view, model, ecModel, api) {
- var renderTask = view.renderTask;
- var context = renderTask.context;
- context.model = model;
- context.ecModel = ecModel;
- context.api = api;
- renderTask.__block = !view.incrementalPrepareRender;
- this._pipe(model, renderTask);
- };
- Scheduler.prototype.performDataProcessorTasks = function (ecModel, payload) {
- // If we do not use `block` here, it should be considered when to update modes.
- this._performStageTasks(this._dataProcessorHandlers, ecModel, payload, {
- block: true
- });
- };
- Scheduler.prototype.performVisualTasks = function (ecModel, payload, opt) {
- this._performStageTasks(this._visualHandlers, ecModel, payload, opt);
- };
- Scheduler.prototype._performStageTasks = function (stageHandlers, ecModel, payload, opt) {
- opt = opt || {};
- var unfinished = false;
- var scheduler = this;
- each(stageHandlers, function (stageHandler, idx) {
- if (opt.visualType && opt.visualType !== stageHandler.visualType) {
- return;
- }
- var stageHandlerRecord = scheduler._stageTaskMap.get(stageHandler.uid);
- var seriesTaskMap = stageHandlerRecord.seriesTaskMap;
- var overallTask = stageHandlerRecord.overallTask;
- if (overallTask) {
- var overallNeedDirty_1;
- var agentStubMap = overallTask.agentStubMap;
- agentStubMap.each(function (stub) {
- if (needSetDirty(opt, stub)) {
- stub.dirty();
- overallNeedDirty_1 = true;
- }
- });
- overallNeedDirty_1 && overallTask.dirty();
- scheduler.updatePayload(overallTask, payload);
- var performArgs_1 = scheduler.getPerformArgs(overallTask, opt.block);
- // Execute stubs firstly, which may set the overall task dirty,
- // then execute the overall task. And stub will call seriesModel.setData,
- // which ensures that in the overallTask seriesModel.getData() will not
- // return incorrect data.
- agentStubMap.each(function (stub) {
- stub.perform(performArgs_1);
- });
- if (overallTask.perform(performArgs_1)) {
- unfinished = true;
- }
- } else if (seriesTaskMap) {
- seriesTaskMap.each(function (task, pipelineId) {
- if (needSetDirty(opt, task)) {
- task.dirty();
- }
- var performArgs = scheduler.getPerformArgs(task, opt.block);
- // FIXME
- // if intending to declare `performRawSeries` in handlers, only
- // stream-independent (specifically, data item independent) operations can be
- // performed. Because if a series is filtered, most of the tasks will not
- // be performed. A stream-dependent operation probably cause wrong biz logic.
- // Perhaps we should not provide a separate callback for this case instead
- // of providing the config `performRawSeries`. The stream-dependent operations
- // and stream-independent operations should better not be mixed.
- performArgs.skip = !stageHandler.performRawSeries && ecModel.isSeriesFiltered(task.context.model);
- scheduler.updatePayload(task, payload);
- if (task.perform(performArgs)) {
- unfinished = true;
- }
- });
- }
- });
- function needSetDirty(opt, task) {
- return opt.setDirty && (!opt.dirtyMap || opt.dirtyMap.get(task.__pipeline.id));
- }
- this.unfinished = unfinished || this.unfinished;
- };
- Scheduler.prototype.performSeriesTasks = function (ecModel) {
- var unfinished;
- ecModel.eachSeries(function (seriesModel) {
- // Progress to the end for dataInit and dataRestore.
- unfinished = seriesModel.dataTask.perform() || unfinished;
- });
- this.unfinished = unfinished || this.unfinished;
- };
- Scheduler.prototype.plan = function () {
- // Travel pipelines, check block.
- this._pipelineMap.each(function (pipeline) {
- var task = pipeline.tail;
- do {
- if (task.__block) {
- pipeline.blockIndex = task.__idxInPipeline;
- break;
- }
- task = task.getUpstream();
- } while (task);
- });
- };
- Scheduler.prototype.updatePayload = function (task, payload) {
- payload !== 'remain' && (task.context.payload = payload);
- };
- Scheduler.prototype._createSeriesStageTask = function (stageHandler, stageHandlerRecord, ecModel, api) {
- var scheduler = this;
- var oldSeriesTaskMap = stageHandlerRecord.seriesTaskMap;
- // The count of stages are totally about only several dozen, so
- // do not need to reuse the map.
- var newSeriesTaskMap = stageHandlerRecord.seriesTaskMap = createHashMap();
- var seriesType = stageHandler.seriesType;
- var getTargetSeries = stageHandler.getTargetSeries;
- // If a stageHandler should cover all series, `createOnAllSeries` should be declared mandatorily,
- // to avoid some typo or abuse. Otherwise if an extension do not specify a `seriesType`,
- // it works but it may cause other irrelevant charts blocked.
- if (stageHandler.createOnAllSeries) {
- ecModel.eachRawSeries(create);
- } else if (seriesType) {
- ecModel.eachRawSeriesByType(seriesType, create);
- } else if (getTargetSeries) {
- getTargetSeries(ecModel, api).each(create);
- }
- function create(seriesModel) {
- var pipelineId = seriesModel.uid;
- // Init tasks for each seriesModel only once.
- // Reuse original task instance.
- var task = newSeriesTaskMap.set(pipelineId, oldSeriesTaskMap && oldSeriesTaskMap.get(pipelineId) || createTask({
- plan: seriesTaskPlan,
- reset: seriesTaskReset,
- count: seriesTaskCount
- }));
- task.context = {
- model: seriesModel,
- ecModel: ecModel,
- api: api,
- // PENDING: `useClearVisual` not used?
- useClearVisual: stageHandler.isVisual && !stageHandler.isLayout,
- plan: stageHandler.plan,
- reset: stageHandler.reset,
- scheduler: scheduler
- };
- scheduler._pipe(seriesModel, task);
- }
- };
- Scheduler.prototype._createOverallStageTask = function (stageHandler, stageHandlerRecord, ecModel, api) {
- var scheduler = this;
- var overallTask = stageHandlerRecord.overallTask = stageHandlerRecord.overallTask
- // For overall task, the function only be called on reset stage.
- || createTask({
- reset: overallTaskReset
- });
- overallTask.context = {
- ecModel: ecModel,
- api: api,
- overallReset: stageHandler.overallReset,
- scheduler: scheduler
- };
- var oldAgentStubMap = overallTask.agentStubMap;
- // The count of stages are totally about only several dozen, so
- // do not need to reuse the map.
- var newAgentStubMap = overallTask.agentStubMap = createHashMap();
- var seriesType = stageHandler.seriesType;
- var getTargetSeries = stageHandler.getTargetSeries;
- var overallProgress = true;
- var shouldOverallTaskDirty = false;
- // FIXME:TS never used, so comment it
- // let modifyOutputEnd = stageHandler.modifyOutputEnd;
- // An overall task with seriesType detected or has `getTargetSeries`, we add
- // stub in each pipelines, it will set the overall task dirty when the pipeline
- // progress. Moreover, to avoid call the overall task each frame (too frequent),
- // we set the pipeline block.
- var errMsg = '';
- if ("development" !== 'production') {
- errMsg = '"createOnAllSeries" is not supported for "overallReset", ' + 'because it will block all streams.';
- }
- assert(!stageHandler.createOnAllSeries, errMsg);
- if (seriesType) {
- ecModel.eachRawSeriesByType(seriesType, createStub);
- } else if (getTargetSeries) {
- getTargetSeries(ecModel, api).each(createStub);
- }
- // Otherwise, (usually it is legacy case), the overall task will only be
- // executed when upstream is dirty. Otherwise the progressive rendering of all
- // pipelines will be disabled unexpectedly. But it still needs stubs to receive
- // dirty info from upstream.
- else {
- overallProgress = false;
- each(ecModel.getSeries(), createStub);
- }
- function createStub(seriesModel) {
- var pipelineId = seriesModel.uid;
- var stub = newAgentStubMap.set(pipelineId, oldAgentStubMap && oldAgentStubMap.get(pipelineId) || (
- // When the result of `getTargetSeries` changed, the overallTask
- // should be set as dirty and re-performed.
- shouldOverallTaskDirty = true, createTask({
- reset: stubReset,
- onDirty: stubOnDirty
- })));
- stub.context = {
- model: seriesModel,
- overallProgress: overallProgress
- // FIXME:TS never used, so comment it
- // modifyOutputEnd: modifyOutputEnd
- };
-
- stub.agent = overallTask;
- stub.__block = overallProgress;
- scheduler._pipe(seriesModel, stub);
- }
- if (shouldOverallTaskDirty) {
- overallTask.dirty();
- }
- };
- Scheduler.prototype._pipe = function (seriesModel, task) {
- var pipelineId = seriesModel.uid;
- var pipeline = this._pipelineMap.get(pipelineId);
- !pipeline.head && (pipeline.head = task);
- pipeline.tail && pipeline.tail.pipe(task);
- pipeline.tail = task;
- task.__idxInPipeline = pipeline.count++;
- task.__pipeline = pipeline;
- };
- Scheduler.wrapStageHandler = function (stageHandler, visualType) {
- if (isFunction(stageHandler)) {
- stageHandler = {
- overallReset: stageHandler,
- seriesType: detectSeriseType(stageHandler)
- };
- }
- stageHandler.uid = getUID('stageHandler');
- visualType && (stageHandler.visualType = visualType);
- return stageHandler;
- };
- return Scheduler;
- }();
- function overallTaskReset(context) {
- context.overallReset(context.ecModel, context.api, context.payload);
- }
- function stubReset(context) {
- return context.overallProgress && stubProgress;
- }
- function stubProgress() {
- this.agent.dirty();
- this.getDownstream().dirty();
- }
- function stubOnDirty() {
- this.agent && this.agent.dirty();
- }
- function seriesTaskPlan(context) {
- return context.plan ? context.plan(context.model, context.ecModel, context.api, context.payload) : null;
- }
- function seriesTaskReset(context) {
- if (context.useClearVisual) {
- context.data.clearAllVisual();
- }
- var resetDefines = context.resetDefines = normalizeToArray(context.reset(context.model, context.ecModel, context.api, context.payload));
- return resetDefines.length > 1 ? map(resetDefines, function (v, idx) {
- return makeSeriesTaskProgress(idx);
- }) : singleSeriesTaskProgress;
- }
- var singleSeriesTaskProgress = makeSeriesTaskProgress(0);
- function makeSeriesTaskProgress(resetDefineIdx) {
- return function (params, context) {
- var data = context.data;
- var resetDefine = context.resetDefines[resetDefineIdx];
- if (resetDefine && resetDefine.dataEach) {
- for (var i = params.start; i < params.end; i++) {
- resetDefine.dataEach(data, i);
- }
- } else if (resetDefine && resetDefine.progress) {
- resetDefine.progress(params, data);
- }
- };
- }
- function seriesTaskCount(context) {
- return context.data.count();
- }
- /**
- * Only some legacy stage handlers (usually in echarts extensions) are pure function.
- * To ensure that they can work normally, they should work in block mode, that is,
- * they should not be started util the previous tasks finished. So they cause the
- * progressive rendering disabled. We try to detect the series type, to narrow down
- * the block range to only the series type they concern, but not all series.
- */
- function detectSeriseType(legacyFunc) {
- seriesType = null;
- try {
- // Assume there is no async when calling `eachSeriesByType`.
- legacyFunc(ecModelMock, apiMock);
- } catch (e) {}
- return seriesType;
- }
- var ecModelMock = {};
- var apiMock = {};
- var seriesType;
- mockMethods(ecModelMock, GlobalModel);
- mockMethods(apiMock, ExtensionAPI);
- ecModelMock.eachSeriesByType = ecModelMock.eachRawSeriesByType = function (type) {
- seriesType = type;
- };
- ecModelMock.eachComponent = function (cond) {
- if (cond.mainType === 'series' && cond.subType) {
- seriesType = cond.subType;
- }
- };
- function mockMethods(target, Clz) {
- /* eslint-disable */
- for (var name_1 in Clz.prototype) {
- // Do not use hasOwnProperty
- target[name_1] = noop;
- }
- /* eslint-enable */
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- var colorAll = ['#37A2DA', '#32C5E9', '#67E0E3', '#9FE6B8', '#FFDB5C', '#ff9f7f', '#fb7293', '#E062AE', '#E690D1', '#e7bcf3', '#9d96f5', '#8378EA', '#96BFFF'];
- var lightTheme = {
- color: colorAll,
- colorLayer: [['#37A2DA', '#ffd85c', '#fd7b5f'], ['#37A2DA', '#67E0E3', '#FFDB5C', '#ff9f7f', '#E062AE', '#9d96f5'], ['#37A2DA', '#32C5E9', '#9FE6B8', '#FFDB5C', '#ff9f7f', '#fb7293', '#e7bcf3', '#8378EA', '#96BFFF'], colorAll]
- };
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- var contrastColor = '#B9B8CE';
- var backgroundColor = '#100C2A';
- var axisCommon = function () {
- return {
- axisLine: {
- lineStyle: {
- color: contrastColor
- }
- },
- splitLine: {
- lineStyle: {
- color: '#484753'
- }
- },
- splitArea: {
- areaStyle: {
- color: ['rgba(255,255,255,0.02)', 'rgba(255,255,255,0.05)']
- }
- },
- minorSplitLine: {
- lineStyle: {
- color: '#20203B'
- }
- }
- };
- };
- var colorPalette = ['#4992ff', '#7cffb2', '#fddd60', '#ff6e76', '#58d9f9', '#05c091', '#ff8a45', '#8d48e3', '#dd79ff'];
- var theme = {
- darkMode: true,
- color: colorPalette,
- backgroundColor: backgroundColor,
- axisPointer: {
- lineStyle: {
- color: '#817f91'
- },
- crossStyle: {
- color: '#817f91'
- },
- label: {
- // TODO Contrast of label backgorundColor
- color: '#fff'
- }
- },
- legend: {
- textStyle: {
- color: contrastColor
- }
- },
- textStyle: {
- color: contrastColor
- },
- title: {
- textStyle: {
- color: '#EEF1FA'
- },
- subtextStyle: {
- color: '#B9B8CE'
- }
- },
- toolbox: {
- iconStyle: {
- borderColor: contrastColor
- }
- },
- dataZoom: {
- borderColor: '#71708A',
- textStyle: {
- color: contrastColor
- },
- brushStyle: {
- color: 'rgba(135,163,206,0.3)'
- },
- handleStyle: {
- color: '#353450',
- borderColor: '#C5CBE3'
- },
- moveHandleStyle: {
- color: '#B0B6C3',
- opacity: 0.3
- },
- fillerColor: 'rgba(135,163,206,0.2)',
- emphasis: {
- handleStyle: {
- borderColor: '#91B7F2',
- color: '#4D587D'
- },
- moveHandleStyle: {
- color: '#636D9A',
- opacity: 0.7
- }
- },
- dataBackground: {
- lineStyle: {
- color: '#71708A',
- width: 1
- },
- areaStyle: {
- color: '#71708A'
- }
- },
- selectedDataBackground: {
- lineStyle: {
- color: '#87A3CE'
- },
- areaStyle: {
- color: '#87A3CE'
- }
- }
- },
- visualMap: {
- textStyle: {
- color: contrastColor
- }
- },
- timeline: {
- lineStyle: {
- color: contrastColor
- },
- label: {
- color: contrastColor
- },
- controlStyle: {
- color: contrastColor,
- borderColor: contrastColor
- }
- },
- calendar: {
- itemStyle: {
- color: backgroundColor
- },
- dayLabel: {
- color: contrastColor
- },
- monthLabel: {
- color: contrastColor
- },
- yearLabel: {
- color: contrastColor
- }
- },
- timeAxis: axisCommon(),
- logAxis: axisCommon(),
- valueAxis: axisCommon(),
- categoryAxis: axisCommon(),
- line: {
- symbol: 'circle'
- },
- graph: {
- color: colorPalette
- },
- gauge: {
- title: {
- color: contrastColor
- },
- axisLine: {
- lineStyle: {
- color: [[1, 'rgba(207,212,219,0.2)']]
- }
- },
- axisLabel: {
- color: contrastColor
- },
- detail: {
- color: '#EEF1FA'
- }
- },
- candlestick: {
- itemStyle: {
- color: '#f64e56',
- color0: '#54ea92',
- borderColor: '#f64e56',
- borderColor0: '#54ea92'
- // borderColor: '#ca2824',
- // borderColor0: '#09a443'
- }
- }
- };
-
- theme.categoryAxis.splitLine.show = false;
-
- /**
- * Usage of query:
- * `chart.on('click', query, handler);`
- * The `query` can be:
- * + The component type query string, only `mainType` or `mainType.subType`,
- * like: 'xAxis', 'series', 'xAxis.category' or 'series.line'.
- * + The component query object, like:
- * `{seriesIndex: 2}`, `{seriesName: 'xx'}`, `{seriesId: 'some'}`,
- * `{xAxisIndex: 2}`, `{xAxisName: 'xx'}`, `{xAxisId: 'some'}`.
- * + The data query object, like:
- * `{dataIndex: 123}`, `{dataType: 'link'}`, `{name: 'some'}`.
- * + The other query object (cmponent customized query), like:
- * `{element: 'some'}` (only available in custom series).
- *
- * Caveat: If a prop in the `query` object is `null/undefined`, it is the
- * same as there is no such prop in the `query` object.
- */
- var ECEventProcessor = /** @class */function () {
- function ECEventProcessor() {}
- ECEventProcessor.prototype.normalizeQuery = function (query) {
- var cptQuery = {};
- var dataQuery = {};
- var otherQuery = {};
- // `query` is `mainType` or `mainType.subType` of component.
- if (isString(query)) {
- var condCptType = parseClassType(query);
- // `.main` and `.sub` may be ''.
- cptQuery.mainType = condCptType.main || null;
- cptQuery.subType = condCptType.sub || null;
- }
- // `query` is an object, convert to {mainType, index, name, id}.
- else {
- // `xxxIndex`, `xxxName`, `xxxId`, `name`, `dataIndex`, `dataType` is reserved,
- // can not be used in `compomentModel.filterForExposedEvent`.
- var suffixes_1 = ['Index', 'Name', 'Id'];
- var dataKeys_1 = {
- name: 1,
- dataIndex: 1,
- dataType: 1
- };
- each(query, function (val, key) {
- var reserved = false;
- for (var i = 0; i < suffixes_1.length; i++) {
- var propSuffix = suffixes_1[i];
- var suffixPos = key.lastIndexOf(propSuffix);
- if (suffixPos > 0 && suffixPos === key.length - propSuffix.length) {
- var mainType = key.slice(0, suffixPos);
- // Consider `dataIndex`.
- if (mainType !== 'data') {
- cptQuery.mainType = mainType;
- cptQuery[propSuffix.toLowerCase()] = val;
- reserved = true;
- }
- }
- }
- if (dataKeys_1.hasOwnProperty(key)) {
- dataQuery[key] = val;
- reserved = true;
- }
- if (!reserved) {
- otherQuery[key] = val;
- }
- });
- }
- return {
- cptQuery: cptQuery,
- dataQuery: dataQuery,
- otherQuery: otherQuery
- };
- };
- ECEventProcessor.prototype.filter = function (eventType, query) {
- // They should be assigned before each trigger call.
- var eventInfo = this.eventInfo;
- if (!eventInfo) {
- return true;
- }
- var targetEl = eventInfo.targetEl;
- var packedEvent = eventInfo.packedEvent;
- var model = eventInfo.model;
- var view = eventInfo.view;
- // For event like 'globalout'.
- if (!model || !view) {
- return true;
- }
- var cptQuery = query.cptQuery;
- var dataQuery = query.dataQuery;
- return check(cptQuery, model, 'mainType') && check(cptQuery, model, 'subType') && check(cptQuery, model, 'index', 'componentIndex') && check(cptQuery, model, 'name') && check(cptQuery, model, 'id') && check(dataQuery, packedEvent, 'name') && check(dataQuery, packedEvent, 'dataIndex') && check(dataQuery, packedEvent, 'dataType') && (!view.filterForExposedEvent || view.filterForExposedEvent(eventType, query.otherQuery, targetEl, packedEvent));
- function check(query, host, prop, propOnHost) {
- return query[prop] == null || host[propOnHost || prop] === query[prop];
- }
- };
- ECEventProcessor.prototype.afterTrigger = function () {
- // Make sure the eventInfo won't be used in next trigger.
- this.eventInfo = null;
- };
- return ECEventProcessor;
- }();
-
- var SYMBOL_PROPS_WITH_CB = ['symbol', 'symbolSize', 'symbolRotate', 'symbolOffset'];
- var SYMBOL_PROPS = SYMBOL_PROPS_WITH_CB.concat(['symbolKeepAspect']);
- // Encoding visual for all series include which is filtered for legend drawing
- var seriesSymbolTask = {
- createOnAllSeries: true,
- // For legend.
- performRawSeries: true,
- reset: function (seriesModel, ecModel) {
- var data = seriesModel.getData();
- if (seriesModel.legendIcon) {
- data.setVisual('legendIcon', seriesModel.legendIcon);
- }
- if (!seriesModel.hasSymbolVisual) {
- return;
- }
- var symbolOptions = {};
- var symbolOptionsCb = {};
- var hasCallback = false;
- for (var i = 0; i < SYMBOL_PROPS_WITH_CB.length; i++) {
- var symbolPropName = SYMBOL_PROPS_WITH_CB[i];
- var val = seriesModel.get(symbolPropName);
- if (isFunction(val)) {
- hasCallback = true;
- symbolOptionsCb[symbolPropName] = val;
- } else {
- symbolOptions[symbolPropName] = val;
- }
- }
- symbolOptions.symbol = symbolOptions.symbol || seriesModel.defaultSymbol;
- data.setVisual(extend({
- legendIcon: seriesModel.legendIcon || symbolOptions.symbol,
- symbolKeepAspect: seriesModel.get('symbolKeepAspect')
- }, symbolOptions));
- // Only visible series has each data be visual encoded
- if (ecModel.isSeriesFiltered(seriesModel)) {
- return;
- }
- var symbolPropsCb = keys(symbolOptionsCb);
- function dataEach(data, idx) {
- var rawValue = seriesModel.getRawValue(idx);
- var params = seriesModel.getDataParams(idx);
- for (var i = 0; i < symbolPropsCb.length; i++) {
- var symbolPropName = symbolPropsCb[i];
- data.setItemVisual(idx, symbolPropName, symbolOptionsCb[symbolPropName](rawValue, params));
- }
- }
- return {
- dataEach: hasCallback ? dataEach : null
- };
- }
- };
- var dataSymbolTask = {
- createOnAllSeries: true,
- // For legend.
- performRawSeries: true,
- reset: function (seriesModel, ecModel) {
- if (!seriesModel.hasSymbolVisual) {
- return;
- }
- // Only visible series has each data be visual encoded
- if (ecModel.isSeriesFiltered(seriesModel)) {
- return;
- }
- var data = seriesModel.getData();
- function dataEach(data, idx) {
- var itemModel = data.getItemModel(idx);
- for (var i = 0; i < SYMBOL_PROPS.length; i++) {
- var symbolPropName = SYMBOL_PROPS[i];
- var val = itemModel.getShallow(symbolPropName, true);
- if (val != null) {
- data.setItemVisual(idx, symbolPropName, val);
- }
- }
- }
- return {
- dataEach: data.hasItemOption ? dataEach : null
- };
- }
- };
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- function getItemVisualFromData(data, dataIndex, key) {
- switch (key) {
- case 'color':
- var style = data.getItemVisual(dataIndex, 'style');
- return style[data.getVisual('drawType')];
- case 'opacity':
- return data.getItemVisual(dataIndex, 'style').opacity;
- case 'symbol':
- case 'symbolSize':
- case 'liftZ':
- return data.getItemVisual(dataIndex, key);
- default:
- if ("development" !== 'production') {
- console.warn("Unknown visual type " + key);
- }
- }
- }
- function getVisualFromData(data, key) {
- switch (key) {
- case 'color':
- var style = data.getVisual('style');
- return style[data.getVisual('drawType')];
- case 'opacity':
- return data.getVisual('style').opacity;
- case 'symbol':
- case 'symbolSize':
- case 'liftZ':
- return data.getVisual(key);
- default:
- if ("development" !== 'production') {
- console.warn("Unknown visual type " + key);
- }
- }
- }
- function setItemVisualFromData(data, dataIndex, key, value) {
- switch (key) {
- case 'color':
- // Make sure not sharing style object.
- var style = data.ensureUniqueItemVisual(dataIndex, 'style');
- style[data.getVisual('drawType')] = value;
- // Mark the color has been changed, not from palette anymore
- data.setItemVisual(dataIndex, 'colorFromPalette', false);
- break;
- case 'opacity':
- data.ensureUniqueItemVisual(dataIndex, 'style').opacity = value;
- break;
- case 'symbol':
- case 'symbolSize':
- case 'liftZ':
- data.setItemVisual(dataIndex, key, value);
- break;
- default:
- if ("development" !== 'production') {
- console.warn("Unknown visual type " + key);
- }
- }
- }
-
- // Legacy data selection action.
- // Includes: pieSelect, pieUnSelect, pieToggleSelect, mapSelect, mapUnSelect, mapToggleSelect
- function createLegacyDataSelectAction(seriesType, ecRegisterAction) {
- function getSeriesIndices(ecModel, payload) {
- var seriesIndices = [];
- ecModel.eachComponent({
- mainType: 'series',
- subType: seriesType,
- query: payload
- }, function (seriesModel) {
- seriesIndices.push(seriesModel.seriesIndex);
- });
- return seriesIndices;
- }
- each([[seriesType + 'ToggleSelect', 'toggleSelect'], [seriesType + 'Select', 'select'], [seriesType + 'UnSelect', 'unselect']], function (eventsMap) {
- ecRegisterAction(eventsMap[0], function (payload, ecModel, api) {
- payload = extend({}, payload);
- if ("development" !== 'production') {
- deprecateReplaceLog(payload.type, eventsMap[1]);
- }
- api.dispatchAction(extend(payload, {
- type: eventsMap[1],
- seriesIndex: getSeriesIndices(ecModel, payload)
- }));
- });
- });
- }
- function handleSeriesLegacySelectEvents(type, eventPostfix, ecIns, ecModel, payload) {
- var legacyEventName = type + eventPostfix;
- if (!ecIns.isSilent(legacyEventName)) {
- if ("development" !== 'production') {
- deprecateLog("event " + legacyEventName + " is deprecated.");
- }
- ecModel.eachComponent({
- mainType: 'series',
- subType: 'pie'
- }, function (seriesModel) {
- var seriesIndex = seriesModel.seriesIndex;
- var selectedMap = seriesModel.option.selectedMap;
- var selected = payload.selected;
- for (var i = 0; i < selected.length; i++) {
- if (selected[i].seriesIndex === seriesIndex) {
- var data = seriesModel.getData();
- var dataIndex = queryDataIndex(data, payload.fromActionPayload);
- ecIns.trigger(legacyEventName, {
- type: legacyEventName,
- seriesId: seriesModel.id,
- name: isArray(dataIndex) ? data.getName(dataIndex[0]) : data.getName(dataIndex),
- selected: isString(selectedMap) ? selectedMap : extend({}, selectedMap)
- });
- }
- }
- });
- }
- }
- function handleLegacySelectEvents(messageCenter, ecIns, api) {
- messageCenter.on('selectchanged', function (params) {
- var ecModel = api.getModel();
- if (params.isFromClick) {
- handleSeriesLegacySelectEvents('map', 'selectchanged', ecIns, ecModel, params);
- handleSeriesLegacySelectEvents('pie', 'selectchanged', ecIns, ecModel, params);
- } else if (params.fromAction === 'select') {
- handleSeriesLegacySelectEvents('map', 'selected', ecIns, ecModel, params);
- handleSeriesLegacySelectEvents('pie', 'selected', ecIns, ecModel, params);
- } else if (params.fromAction === 'unselect') {
- handleSeriesLegacySelectEvents('map', 'unselected', ecIns, ecModel, params);
- handleSeriesLegacySelectEvents('pie', 'unselected', ecIns, ecModel, params);
- }
- });
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- function findEventDispatcher(target, det, returnFirstMatch) {
- var found;
- while (target) {
- if (det(target)) {
- found = target;
- if (returnFirstMatch) {
- break;
- }
- }
- target = target.__hostTarget || target.parent;
- }
- return found;
- }
-
- var wmUniqueIndex = Math.round(Math.random() * 9);
- var supportDefineProperty = typeof Object.defineProperty === 'function';
- var WeakMap = (function () {
- function WeakMap() {
- this._id = '__ec_inner_' + wmUniqueIndex++;
- }
- WeakMap.prototype.get = function (key) {
- return this._guard(key)[this._id];
- };
- WeakMap.prototype.set = function (key, value) {
- var target = this._guard(key);
- if (supportDefineProperty) {
- Object.defineProperty(target, this._id, {
- value: value,
- enumerable: false,
- configurable: true
- });
- }
- else {
- target[this._id] = value;
- }
- return this;
- };
- WeakMap.prototype["delete"] = function (key) {
- if (this.has(key)) {
- delete this._guard(key)[this._id];
- return true;
- }
- return false;
- };
- WeakMap.prototype.has = function (key) {
- return !!this._guard(key)[this._id];
- };
- WeakMap.prototype._guard = function (key) {
- if (key !== Object(key)) {
- throw TypeError('Value of WeakMap is not a non-null object.');
- }
- return key;
- };
- return WeakMap;
- }());
-
- /**
- * Triangle shape
- * @inner
- */
- var Triangle = Path.extend({
- type: 'triangle',
- shape: {
- cx: 0,
- cy: 0,
- width: 0,
- height: 0
- },
- buildPath: function (path, shape) {
- var cx = shape.cx;
- var cy = shape.cy;
- var width = shape.width / 2;
- var height = shape.height / 2;
- path.moveTo(cx, cy - height);
- path.lineTo(cx + width, cy + height);
- path.lineTo(cx - width, cy + height);
- path.closePath();
- }
- });
- /**
- * Diamond shape
- * @inner
- */
- var Diamond = Path.extend({
- type: 'diamond',
- shape: {
- cx: 0,
- cy: 0,
- width: 0,
- height: 0
- },
- buildPath: function (path, shape) {
- var cx = shape.cx;
- var cy = shape.cy;
- var width = shape.width / 2;
- var height = shape.height / 2;
- path.moveTo(cx, cy - height);
- path.lineTo(cx + width, cy);
- path.lineTo(cx, cy + height);
- path.lineTo(cx - width, cy);
- path.closePath();
- }
- });
- /**
- * Pin shape
- * @inner
- */
- var Pin = Path.extend({
- type: 'pin',
- shape: {
- // x, y on the cusp
- x: 0,
- y: 0,
- width: 0,
- height: 0
- },
- buildPath: function (path, shape) {
- var x = shape.x;
- var y = shape.y;
- var w = shape.width / 5 * 3;
- // Height must be larger than width
- var h = Math.max(w, shape.height);
- var r = w / 2;
- // Dist on y with tangent point and circle center
- var dy = r * r / (h - r);
- var cy = y - h + r + dy;
- var angle = Math.asin(dy / r);
- // Dist on x with tangent point and circle center
- var dx = Math.cos(angle) * r;
- var tanX = Math.sin(angle);
- var tanY = Math.cos(angle);
- var cpLen = r * 0.6;
- var cpLen2 = r * 0.7;
- path.moveTo(x - dx, cy + dy);
- path.arc(x, cy, r, Math.PI - angle, Math.PI * 2 + angle);
- path.bezierCurveTo(x + dx - tanX * cpLen, cy + dy + tanY * cpLen, x, y - cpLen2, x, y);
- path.bezierCurveTo(x, y - cpLen2, x - dx + tanX * cpLen, cy + dy + tanY * cpLen, x - dx, cy + dy);
- path.closePath();
- }
- });
- /**
- * Arrow shape
- * @inner
- */
- var Arrow = Path.extend({
- type: 'arrow',
- shape: {
- x: 0,
- y: 0,
- width: 0,
- height: 0
- },
- buildPath: function (ctx, shape) {
- var height = shape.height;
- var width = shape.width;
- var x = shape.x;
- var y = shape.y;
- var dx = width / 3 * 2;
- ctx.moveTo(x, y);
- ctx.lineTo(x + dx, y + height);
- ctx.lineTo(x, y + height / 4 * 3);
- ctx.lineTo(x - dx, y + height);
- ctx.lineTo(x, y);
- ctx.closePath();
- }
- });
- /**
- * Map of path constructors
- */
- // TODO Use function to build symbol path.
- var symbolCtors = {
- line: Line,
- rect: Rect,
- roundRect: Rect,
- square: Rect,
- circle: Circle,
- diamond: Diamond,
- pin: Pin,
- arrow: Arrow,
- triangle: Triangle
- };
- var symbolShapeMakers = {
- line: function (x, y, w, h, shape) {
- shape.x1 = x;
- shape.y1 = y + h / 2;
- shape.x2 = x + w;
- shape.y2 = y + h / 2;
- },
- rect: function (x, y, w, h, shape) {
- shape.x = x;
- shape.y = y;
- shape.width = w;
- shape.height = h;
- },
- roundRect: function (x, y, w, h, shape) {
- shape.x = x;
- shape.y = y;
- shape.width = w;
- shape.height = h;
- shape.r = Math.min(w, h) / 4;
- },
- square: function (x, y, w, h, shape) {
- var size = Math.min(w, h);
- shape.x = x;
- shape.y = y;
- shape.width = size;
- shape.height = size;
- },
- circle: function (x, y, w, h, shape) {
- // Put circle in the center of square
- shape.cx = x + w / 2;
- shape.cy = y + h / 2;
- shape.r = Math.min(w, h) / 2;
- },
- diamond: function (x, y, w, h, shape) {
- shape.cx = x + w / 2;
- shape.cy = y + h / 2;
- shape.width = w;
- shape.height = h;
- },
- pin: function (x, y, w, h, shape) {
- shape.x = x + w / 2;
- shape.y = y + h / 2;
- shape.width = w;
- shape.height = h;
- },
- arrow: function (x, y, w, h, shape) {
- shape.x = x + w / 2;
- shape.y = y + h / 2;
- shape.width = w;
- shape.height = h;
- },
- triangle: function (x, y, w, h, shape) {
- shape.cx = x + w / 2;
- shape.cy = y + h / 2;
- shape.width = w;
- shape.height = h;
- }
- };
- var symbolBuildProxies = {};
- each(symbolCtors, function (Ctor, name) {
- symbolBuildProxies[name] = new Ctor();
- });
- var SymbolClz = Path.extend({
- type: 'symbol',
- shape: {
- symbolType: '',
- x: 0,
- y: 0,
- width: 0,
- height: 0
- },
- calculateTextPosition: function (out, config, rect) {
- var res = calculateTextPosition(out, config, rect);
- var shape = this.shape;
- if (shape && shape.symbolType === 'pin' && config.position === 'inside') {
- res.y = rect.y + rect.height * 0.4;
- }
- return res;
- },
- buildPath: function (ctx, shape, inBundle) {
- var symbolType = shape.symbolType;
- if (symbolType !== 'none') {
- var proxySymbol = symbolBuildProxies[symbolType];
- if (!proxySymbol) {
- // Default rect
- symbolType = 'rect';
- proxySymbol = symbolBuildProxies[symbolType];
- }
- symbolShapeMakers[symbolType](shape.x, shape.y, shape.width, shape.height, proxySymbol.shape);
- proxySymbol.buildPath(ctx, proxySymbol.shape, inBundle);
- }
- }
- });
- // Provide setColor helper method to avoid determine if set the fill or stroke outside
- function symbolPathSetColor(color, innerColor) {
- if (this.type !== 'image') {
- var symbolStyle = this.style;
- if (this.__isEmptyBrush) {
- symbolStyle.stroke = color;
- symbolStyle.fill = innerColor || '#fff';
- // TODO Same width with lineStyle in LineView
- symbolStyle.lineWidth = 2;
- } else if (this.shape.symbolType === 'line') {
- symbolStyle.stroke = color;
- } else {
- symbolStyle.fill = color;
- }
- this.markRedraw();
- }
- }
- /**
- * Create a symbol element with given symbol configuration: shape, x, y, width, height, color
- */
- function createSymbol(symbolType, x, y, w, h, color,
- // whether to keep the ratio of w/h,
- keepAspect) {
- // TODO Support image object, DynamicImage.
- var isEmpty = symbolType.indexOf('empty') === 0;
- if (isEmpty) {
- symbolType = symbolType.substr(5, 1).toLowerCase() + symbolType.substr(6);
- }
- var symbolPath;
- if (symbolType.indexOf('image://') === 0) {
- symbolPath = makeImage(symbolType.slice(8), new BoundingRect(x, y, w, h), keepAspect ? 'center' : 'cover');
- } else if (symbolType.indexOf('path://') === 0) {
- symbolPath = makePath(symbolType.slice(7), {}, new BoundingRect(x, y, w, h), keepAspect ? 'center' : 'cover');
- } else {
- symbolPath = new SymbolClz({
- shape: {
- symbolType: symbolType,
- x: x,
- y: y,
- width: w,
- height: h
- }
- });
- }
- symbolPath.__isEmptyBrush = isEmpty;
- // TODO Should deprecate setColor
- symbolPath.setColor = symbolPathSetColor;
- if (color) {
- symbolPath.setColor(color);
- }
- return symbolPath;
- }
- function normalizeSymbolSize(symbolSize) {
- if (!isArray(symbolSize)) {
- symbolSize = [+symbolSize, +symbolSize];
- }
- return [symbolSize[0] || 0, symbolSize[1] || 0];
- }
- function normalizeSymbolOffset(symbolOffset, symbolSize) {
- if (symbolOffset == null) {
- return;
- }
- if (!isArray(symbolOffset)) {
- symbolOffset = [symbolOffset, symbolOffset];
- }
- return [parsePercent$1(symbolOffset[0], symbolSize[0]) || 0, parsePercent$1(retrieve2(symbolOffset[1], symbolOffset[0]), symbolSize[1]) || 0];
- }
-
- function isSafeNum(num) {
- return isFinite(num);
- }
- function createLinearGradient(ctx, obj, rect) {
- var x = obj.x == null ? 0 : obj.x;
- var x2 = obj.x2 == null ? 1 : obj.x2;
- var y = obj.y == null ? 0 : obj.y;
- var y2 = obj.y2 == null ? 0 : obj.y2;
- if (!obj.global) {
- x = x * rect.width + rect.x;
- x2 = x2 * rect.width + rect.x;
- y = y * rect.height + rect.y;
- y2 = y2 * rect.height + rect.y;
- }
- x = isSafeNum(x) ? x : 0;
- x2 = isSafeNum(x2) ? x2 : 1;
- y = isSafeNum(y) ? y : 0;
- y2 = isSafeNum(y2) ? y2 : 0;
- var canvasGradient = ctx.createLinearGradient(x, y, x2, y2);
- return canvasGradient;
- }
- function createRadialGradient(ctx, obj, rect) {
- var width = rect.width;
- var height = rect.height;
- var min = Math.min(width, height);
- var x = obj.x == null ? 0.5 : obj.x;
- var y = obj.y == null ? 0.5 : obj.y;
- var r = obj.r == null ? 0.5 : obj.r;
- if (!obj.global) {
- x = x * width + rect.x;
- y = y * height + rect.y;
- r = r * min;
- }
- x = isSafeNum(x) ? x : 0.5;
- y = isSafeNum(y) ? y : 0.5;
- r = r >= 0 && isSafeNum(r) ? r : 0.5;
- var canvasGradient = ctx.createRadialGradient(x, y, 0, x, y, r);
- return canvasGradient;
- }
- function getCanvasGradient(ctx, obj, rect) {
- var canvasGradient = obj.type === 'radial'
- ? createRadialGradient(ctx, obj, rect)
- : createLinearGradient(ctx, obj, rect);
- var colorStops = obj.colorStops;
- for (var i = 0; i < colorStops.length; i++) {
- canvasGradient.addColorStop(colorStops[i].offset, colorStops[i].color);
- }
- return canvasGradient;
- }
- function isClipPathChanged(clipPaths, prevClipPaths) {
- if (clipPaths === prevClipPaths || (!clipPaths && !prevClipPaths)) {
- return false;
- }
- if (!clipPaths || !prevClipPaths || (clipPaths.length !== prevClipPaths.length)) {
- return true;
- }
- for (var i = 0; i < clipPaths.length; i++) {
- if (clipPaths[i] !== prevClipPaths[i]) {
- return true;
- }
- }
- return false;
- }
- function parseInt10(val) {
- return parseInt(val, 10);
- }
- function getSize(root, whIdx, opts) {
- var wh = ['width', 'height'][whIdx];
- var cwh = ['clientWidth', 'clientHeight'][whIdx];
- var plt = ['paddingLeft', 'paddingTop'][whIdx];
- var prb = ['paddingRight', 'paddingBottom'][whIdx];
- if (opts[wh] != null && opts[wh] !== 'auto') {
- return parseFloat(opts[wh]);
- }
- var stl = document.defaultView.getComputedStyle(root);
- return ((root[cwh] || parseInt10(stl[wh]) || parseInt10(root.style[wh]))
- - (parseInt10(stl[plt]) || 0)
- - (parseInt10(stl[prb]) || 0)) | 0;
- }
-
- function normalizeLineDash(lineType, lineWidth) {
- if (!lineType || lineType === 'solid' || !(lineWidth > 0)) {
- return null;
- }
- return lineType === 'dashed'
- ? [4 * lineWidth, 2 * lineWidth]
- : lineType === 'dotted'
- ? [lineWidth]
- : isNumber(lineType)
- ? [lineType] : isArray(lineType) ? lineType : null;
- }
- function getLineDash(el) {
- var style = el.style;
- var lineDash = style.lineDash && style.lineWidth > 0 && normalizeLineDash(style.lineDash, style.lineWidth);
- var lineDashOffset = style.lineDashOffset;
- if (lineDash) {
- var lineScale_1 = (style.strokeNoScale && el.getLineScale) ? el.getLineScale() : 1;
- if (lineScale_1 && lineScale_1 !== 1) {
- lineDash = map(lineDash, function (rawVal) {
- return rawVal / lineScale_1;
- });
- lineDashOffset /= lineScale_1;
- }
- }
- return [lineDash, lineDashOffset];
- }
-
- var pathProxyForDraw = new PathProxy(true);
- function styleHasStroke(style) {
- var stroke = style.stroke;
- return !(stroke == null || stroke === 'none' || !(style.lineWidth > 0));
- }
- function isValidStrokeFillStyle(strokeOrFill) {
- return typeof strokeOrFill === 'string' && strokeOrFill !== 'none';
- }
- function styleHasFill(style) {
- var fill = style.fill;
- return fill != null && fill !== 'none';
- }
- function doFillPath(ctx, style) {
- if (style.fillOpacity != null && style.fillOpacity !== 1) {
- var originalGlobalAlpha = ctx.globalAlpha;
- ctx.globalAlpha = style.fillOpacity * style.opacity;
- ctx.fill();
- ctx.globalAlpha = originalGlobalAlpha;
- }
- else {
- ctx.fill();
- }
- }
- function doStrokePath(ctx, style) {
- if (style.strokeOpacity != null && style.strokeOpacity !== 1) {
- var originalGlobalAlpha = ctx.globalAlpha;
- ctx.globalAlpha = style.strokeOpacity * style.opacity;
- ctx.stroke();
- ctx.globalAlpha = originalGlobalAlpha;
- }
- else {
- ctx.stroke();
- }
- }
- function createCanvasPattern(ctx, pattern, el) {
- var image = createOrUpdateImage(pattern.image, pattern.__image, el);
- if (isImageReady(image)) {
- var canvasPattern = ctx.createPattern(image, pattern.repeat || 'repeat');
- if (typeof DOMMatrix === 'function'
- && canvasPattern
- && canvasPattern.setTransform) {
- var matrix = new DOMMatrix();
- matrix.translateSelf((pattern.x || 0), (pattern.y || 0));
- matrix.rotateSelf(0, 0, (pattern.rotation || 0) * RADIAN_TO_DEGREE);
- matrix.scaleSelf((pattern.scaleX || 1), (pattern.scaleY || 1));
- canvasPattern.setTransform(matrix);
- }
- return canvasPattern;
- }
- }
- function brushPath(ctx, el, style, inBatch) {
- var _a;
- var hasStroke = styleHasStroke(style);
- var hasFill = styleHasFill(style);
- var strokePercent = style.strokePercent;
- var strokePart = strokePercent < 1;
- var firstDraw = !el.path;
- if ((!el.silent || strokePart) && firstDraw) {
- el.createPathProxy();
- }
- var path = el.path || pathProxyForDraw;
- var dirtyFlag = el.__dirty;
- if (!inBatch) {
- var fill = style.fill;
- var stroke = style.stroke;
- var hasFillGradient = hasFill && !!fill.colorStops;
- var hasStrokeGradient = hasStroke && !!stroke.colorStops;
- var hasFillPattern = hasFill && !!fill.image;
- var hasStrokePattern = hasStroke && !!stroke.image;
- var fillGradient = void 0;
- var strokeGradient = void 0;
- var fillPattern = void 0;
- var strokePattern = void 0;
- var rect = void 0;
- if (hasFillGradient || hasStrokeGradient) {
- rect = el.getBoundingRect();
- }
- if (hasFillGradient) {
- fillGradient = dirtyFlag
- ? getCanvasGradient(ctx, fill, rect)
- : el.__canvasFillGradient;
- el.__canvasFillGradient = fillGradient;
- }
- if (hasStrokeGradient) {
- strokeGradient = dirtyFlag
- ? getCanvasGradient(ctx, stroke, rect)
- : el.__canvasStrokeGradient;
- el.__canvasStrokeGradient = strokeGradient;
- }
- if (hasFillPattern) {
- fillPattern = (dirtyFlag || !el.__canvasFillPattern)
- ? createCanvasPattern(ctx, fill, el)
- : el.__canvasFillPattern;
- el.__canvasFillPattern = fillPattern;
- }
- if (hasStrokePattern) {
- strokePattern = (dirtyFlag || !el.__canvasStrokePattern)
- ? createCanvasPattern(ctx, stroke, el)
- : el.__canvasStrokePattern;
- el.__canvasStrokePattern = fillPattern;
- }
- if (hasFillGradient) {
- ctx.fillStyle = fillGradient;
- }
- else if (hasFillPattern) {
- if (fillPattern) {
- ctx.fillStyle = fillPattern;
- }
- else {
- hasFill = false;
- }
- }
- if (hasStrokeGradient) {
- ctx.strokeStyle = strokeGradient;
- }
- else if (hasStrokePattern) {
- if (strokePattern) {
- ctx.strokeStyle = strokePattern;
- }
- else {
- hasStroke = false;
- }
- }
- }
- var scale = el.getGlobalScale();
- path.setScale(scale[0], scale[1], el.segmentIgnoreThreshold);
- var lineDash;
- var lineDashOffset;
- if (ctx.setLineDash && style.lineDash) {
- _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1];
- }
- var needsRebuild = true;
- if (firstDraw || (dirtyFlag & SHAPE_CHANGED_BIT)) {
- path.setDPR(ctx.dpr);
- if (strokePart) {
- path.setContext(null);
- }
- else {
- path.setContext(ctx);
- needsRebuild = false;
- }
- path.reset();
- el.buildPath(path, el.shape, inBatch);
- path.toStatic();
- el.pathUpdated();
- }
- if (needsRebuild) {
- path.rebuildPath(ctx, strokePart ? strokePercent : 1);
- }
- if (lineDash) {
- ctx.setLineDash(lineDash);
- ctx.lineDashOffset = lineDashOffset;
- }
- if (!inBatch) {
- if (style.strokeFirst) {
- if (hasStroke) {
- doStrokePath(ctx, style);
- }
- if (hasFill) {
- doFillPath(ctx, style);
- }
- }
- else {
- if (hasFill) {
- doFillPath(ctx, style);
- }
- if (hasStroke) {
- doStrokePath(ctx, style);
- }
- }
- }
- if (lineDash) {
- ctx.setLineDash([]);
- }
- }
- function brushImage(ctx, el, style) {
- var image = el.__image = createOrUpdateImage(style.image, el.__image, el, el.onload);
- if (!image || !isImageReady(image)) {
- return;
- }
- var x = style.x || 0;
- var y = style.y || 0;
- var width = el.getWidth();
- var height = el.getHeight();
- var aspect = image.width / image.height;
- if (width == null && height != null) {
- width = height * aspect;
- }
- else if (height == null && width != null) {
- height = width / aspect;
- }
- else if (width == null && height == null) {
- width = image.width;
- height = image.height;
- }
- if (style.sWidth && style.sHeight) {
- var sx = style.sx || 0;
- var sy = style.sy || 0;
- ctx.drawImage(image, sx, sy, style.sWidth, style.sHeight, x, y, width, height);
- }
- else if (style.sx && style.sy) {
- var sx = style.sx;
- var sy = style.sy;
- var sWidth = width - sx;
- var sHeight = height - sy;
- ctx.drawImage(image, sx, sy, sWidth, sHeight, x, y, width, height);
- }
- else {
- ctx.drawImage(image, x, y, width, height);
- }
- }
- function brushText(ctx, el, style) {
- var _a;
- var text = style.text;
- text != null && (text += '');
- if (text) {
- ctx.font = style.font || DEFAULT_FONT;
- ctx.textAlign = style.textAlign;
- ctx.textBaseline = style.textBaseline;
- var lineDash = void 0;
- var lineDashOffset = void 0;
- if (ctx.setLineDash && style.lineDash) {
- _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1];
- }
- if (lineDash) {
- ctx.setLineDash(lineDash);
- ctx.lineDashOffset = lineDashOffset;
- }
- if (style.strokeFirst) {
- if (styleHasStroke(style)) {
- ctx.strokeText(text, style.x, style.y);
- }
- if (styleHasFill(style)) {
- ctx.fillText(text, style.x, style.y);
- }
- }
- else {
- if (styleHasFill(style)) {
- ctx.fillText(text, style.x, style.y);
- }
- if (styleHasStroke(style)) {
- ctx.strokeText(text, style.x, style.y);
- }
- }
- if (lineDash) {
- ctx.setLineDash([]);
- }
- }
- }
- var SHADOW_NUMBER_PROPS = ['shadowBlur', 'shadowOffsetX', 'shadowOffsetY'];
- var STROKE_PROPS = [
- ['lineCap', 'butt'], ['lineJoin', 'miter'], ['miterLimit', 10]
- ];
- function bindCommonProps(ctx, style, prevStyle, forceSetAll, scope) {
- var styleChanged = false;
- if (!forceSetAll) {
- prevStyle = prevStyle || {};
- if (style === prevStyle) {
- return false;
- }
- }
- if (forceSetAll || style.opacity !== prevStyle.opacity) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- var opacity = Math.max(Math.min(style.opacity, 1), 0);
- ctx.globalAlpha = isNaN(opacity) ? DEFAULT_COMMON_STYLE.opacity : opacity;
- }
- if (forceSetAll || style.blend !== prevStyle.blend) {
- if (!styleChanged) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- }
- ctx.globalCompositeOperation = style.blend || DEFAULT_COMMON_STYLE.blend;
- }
- for (var i = 0; i < SHADOW_NUMBER_PROPS.length; i++) {
- var propName = SHADOW_NUMBER_PROPS[i];
- if (forceSetAll || style[propName] !== prevStyle[propName]) {
- if (!styleChanged) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- }
- ctx[propName] = ctx.dpr * (style[propName] || 0);
- }
- }
- if (forceSetAll || style.shadowColor !== prevStyle.shadowColor) {
- if (!styleChanged) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- }
- ctx.shadowColor = style.shadowColor || DEFAULT_COMMON_STYLE.shadowColor;
- }
- return styleChanged;
- }
- function bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetAll, scope) {
- var style = getStyle(el, scope.inHover);
- var prevStyle = forceSetAll
- ? null
- : (prevEl && getStyle(prevEl, scope.inHover) || {});
- if (style === prevStyle) {
- return false;
- }
- var styleChanged = bindCommonProps(ctx, style, prevStyle, forceSetAll, scope);
- if (forceSetAll || style.fill !== prevStyle.fill) {
- if (!styleChanged) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- }
- isValidStrokeFillStyle(style.fill) && (ctx.fillStyle = style.fill);
- }
- if (forceSetAll || style.stroke !== prevStyle.stroke) {
- if (!styleChanged) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- }
- isValidStrokeFillStyle(style.stroke) && (ctx.strokeStyle = style.stroke);
- }
- if (forceSetAll || style.opacity !== prevStyle.opacity) {
- if (!styleChanged) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- }
- ctx.globalAlpha = style.opacity == null ? 1 : style.opacity;
- }
- if (el.hasStroke()) {
- var lineWidth = style.lineWidth;
- var newLineWidth = lineWidth / ((style.strokeNoScale && el.getLineScale) ? el.getLineScale() : 1);
- if (ctx.lineWidth !== newLineWidth) {
- if (!styleChanged) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- }
- ctx.lineWidth = newLineWidth;
- }
- }
- for (var i = 0; i < STROKE_PROPS.length; i++) {
- var prop = STROKE_PROPS[i];
- var propName = prop[0];
- if (forceSetAll || style[propName] !== prevStyle[propName]) {
- if (!styleChanged) {
- flushPathDrawn(ctx, scope);
- styleChanged = true;
- }
- ctx[propName] = style[propName] || prop[1];
- }
- }
- return styleChanged;
- }
- function bindImageStyle(ctx, el, prevEl, forceSetAll, scope) {
- return bindCommonProps(ctx, getStyle(el, scope.inHover), prevEl && getStyle(prevEl, scope.inHover), forceSetAll, scope);
- }
- function setContextTransform(ctx, el) {
- var m = el.transform;
- var dpr = ctx.dpr || 1;
- if (m) {
- ctx.setTransform(dpr * m[0], dpr * m[1], dpr * m[2], dpr * m[3], dpr * m[4], dpr * m[5]);
- }
- else {
- ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
- }
- }
- function updateClipStatus(clipPaths, ctx, scope) {
- var allClipped = false;
- for (var i = 0; i < clipPaths.length; i++) {
- var clipPath = clipPaths[i];
- allClipped = allClipped || clipPath.isZeroArea();
- setContextTransform(ctx, clipPath);
- ctx.beginPath();
- clipPath.buildPath(ctx, clipPath.shape);
- ctx.clip();
- }
- scope.allClipped = allClipped;
- }
- function isTransformChanged(m0, m1) {
- if (m0 && m1) {
- return m0[0] !== m1[0]
- || m0[1] !== m1[1]
- || m0[2] !== m1[2]
- || m0[3] !== m1[3]
- || m0[4] !== m1[4]
- || m0[5] !== m1[5];
- }
- else if (!m0 && !m1) {
- return false;
- }
- return true;
- }
- var DRAW_TYPE_PATH = 1;
- var DRAW_TYPE_IMAGE = 2;
- var DRAW_TYPE_TEXT = 3;
- var DRAW_TYPE_INCREMENTAL = 4;
- function canPathBatch(style) {
- var hasFill = styleHasFill(style);
- var hasStroke = styleHasStroke(style);
- return !(style.lineDash
- || !(+hasFill ^ +hasStroke)
- || (hasFill && typeof style.fill !== 'string')
- || (hasStroke && typeof style.stroke !== 'string')
- || style.strokePercent < 1
- || style.strokeOpacity < 1
- || style.fillOpacity < 1);
- }
- function flushPathDrawn(ctx, scope) {
- scope.batchFill && ctx.fill();
- scope.batchStroke && ctx.stroke();
- scope.batchFill = '';
- scope.batchStroke = '';
- }
- function getStyle(el, inHover) {
- return inHover ? (el.__hoverStyle || el.style) : el.style;
- }
- function brushSingle(ctx, el) {
- brush(ctx, el, { inHover: false, viewWidth: 0, viewHeight: 0 }, true);
- }
- function brush(ctx, el, scope, isLast) {
- var m = el.transform;
- if (!el.shouldBePainted(scope.viewWidth, scope.viewHeight, false, false)) {
- el.__dirty &= ~REDRAW_BIT;
- el.__isRendered = false;
- return;
- }
- var clipPaths = el.__clipPaths;
- var prevElClipPaths = scope.prevElClipPaths;
- var forceSetTransform = false;
- var forceSetStyle = false;
- if (!prevElClipPaths || isClipPathChanged(clipPaths, prevElClipPaths)) {
- if (prevElClipPaths && prevElClipPaths.length) {
- flushPathDrawn(ctx, scope);
- ctx.restore();
- forceSetStyle = forceSetTransform = true;
- scope.prevElClipPaths = null;
- scope.allClipped = false;
- scope.prevEl = null;
- }
- if (clipPaths && clipPaths.length) {
- flushPathDrawn(ctx, scope);
- ctx.save();
- updateClipStatus(clipPaths, ctx, scope);
- forceSetTransform = true;
- }
- scope.prevElClipPaths = clipPaths;
- }
- if (scope.allClipped) {
- el.__isRendered = false;
- return;
- }
- el.beforeBrush && el.beforeBrush();
- el.innerBeforeBrush();
- var prevEl = scope.prevEl;
- if (!prevEl) {
- forceSetStyle = forceSetTransform = true;
- }
- var canBatchPath = el instanceof Path
- && el.autoBatch
- && canPathBatch(el.style);
- if (forceSetTransform || isTransformChanged(m, prevEl.transform)) {
- flushPathDrawn(ctx, scope);
- setContextTransform(ctx, el);
- }
- else if (!canBatchPath) {
- flushPathDrawn(ctx, scope);
- }
- var style = getStyle(el, scope.inHover);
- if (el instanceof Path) {
- if (scope.lastDrawType !== DRAW_TYPE_PATH) {
- forceSetStyle = true;
- scope.lastDrawType = DRAW_TYPE_PATH;
- }
- bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetStyle, scope);
- if (!canBatchPath || (!scope.batchFill && !scope.batchStroke)) {
- ctx.beginPath();
- }
- brushPath(ctx, el, style, canBatchPath);
- if (canBatchPath) {
- scope.batchFill = style.fill || '';
- scope.batchStroke = style.stroke || '';
- }
- }
- else {
- if (el instanceof TSpan) {
- if (scope.lastDrawType !== DRAW_TYPE_TEXT) {
- forceSetStyle = true;
- scope.lastDrawType = DRAW_TYPE_TEXT;
- }
- bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetStyle, scope);
- brushText(ctx, el, style);
- }
- else if (el instanceof ZRImage) {
- if (scope.lastDrawType !== DRAW_TYPE_IMAGE) {
- forceSetStyle = true;
- scope.lastDrawType = DRAW_TYPE_IMAGE;
- }
- bindImageStyle(ctx, el, prevEl, forceSetStyle, scope);
- brushImage(ctx, el, style);
- }
- else if (el.getTemporalDisplayables) {
- if (scope.lastDrawType !== DRAW_TYPE_INCREMENTAL) {
- forceSetStyle = true;
- scope.lastDrawType = DRAW_TYPE_INCREMENTAL;
- }
- brushIncremental(ctx, el, scope);
- }
- }
- if (canBatchPath && isLast) {
- flushPathDrawn(ctx, scope);
- }
- el.innerAfterBrush();
- el.afterBrush && el.afterBrush();
- scope.prevEl = el;
- el.__dirty = 0;
- el.__isRendered = true;
- }
- function brushIncremental(ctx, el, scope) {
- var displayables = el.getDisplayables();
- var temporalDisplayables = el.getTemporalDisplayables();
- ctx.save();
- var innerScope = {
- prevElClipPaths: null,
- prevEl: null,
- allClipped: false,
- viewWidth: scope.viewWidth,
- viewHeight: scope.viewHeight,
- inHover: scope.inHover
- };
- var i;
- var len;
- for (i = el.getCursor(), len = displayables.length; i < len; i++) {
- var displayable = displayables[i];
- displayable.beforeBrush && displayable.beforeBrush();
- displayable.innerBeforeBrush();
- brush(ctx, displayable, innerScope, i === len - 1);
- displayable.innerAfterBrush();
- displayable.afterBrush && displayable.afterBrush();
- innerScope.prevEl = displayable;
- }
- for (var i_1 = 0, len_1 = temporalDisplayables.length; i_1 < len_1; i_1++) {
- var displayable = temporalDisplayables[i_1];
- displayable.beforeBrush && displayable.beforeBrush();
- displayable.innerBeforeBrush();
- brush(ctx, displayable, innerScope, i_1 === len_1 - 1);
- displayable.innerAfterBrush();
- displayable.afterBrush && displayable.afterBrush();
- innerScope.prevEl = displayable;
- }
- el.clearTemporalDisplayables();
- el.notClear = true;
- ctx.restore();
- }
-
- var decalMap = new WeakMap();
- var decalCache = new LRU(100);
- var decalKeys = ['symbol', 'symbolSize', 'symbolKeepAspect', 'color', 'backgroundColor', 'dashArrayX', 'dashArrayY', 'maxTileWidth', 'maxTileHeight'];
- /**
- * Create or update pattern image from decal options
- *
- * @param {InnerDecalObject | 'none'} decalObject decal options, 'none' if no decal
- * @return {Pattern} pattern with generated image, null if no decal
- */
- function createOrUpdatePatternFromDecal(decalObject, api) {
- if (decalObject === 'none') {
- return null;
- }
- var dpr = api.getDevicePixelRatio();
- var zr = api.getZr();
- var isSVG = zr.painter.type === 'svg';
- if (decalObject.dirty) {
- decalMap["delete"](decalObject);
- }
- var oldPattern = decalMap.get(decalObject);
- if (oldPattern) {
- return oldPattern;
- }
- var decalOpt = defaults(decalObject, {
- symbol: 'rect',
- symbolSize: 1,
- symbolKeepAspect: true,
- color: 'rgba(0, 0, 0, 0.2)',
- backgroundColor: null,
- dashArrayX: 5,
- dashArrayY: 5,
- rotation: 0,
- maxTileWidth: 512,
- maxTileHeight: 512
- });
- if (decalOpt.backgroundColor === 'none') {
- decalOpt.backgroundColor = null;
- }
- var pattern = {
- repeat: 'repeat'
- };
- setPatternnSource(pattern);
- pattern.rotation = decalOpt.rotation;
- pattern.scaleX = pattern.scaleY = isSVG ? 1 : 1 / dpr;
- decalMap.set(decalObject, pattern);
- decalObject.dirty = false;
- return pattern;
- function setPatternnSource(pattern) {
- var keys = [dpr];
- var isValidKey = true;
- for (var i = 0; i < decalKeys.length; ++i) {
- var value = decalOpt[decalKeys[i]];
- if (value != null && !isArray(value) && !isString(value) && !isNumber(value) && typeof value !== 'boolean') {
- isValidKey = false;
- break;
- }
- keys.push(value);
- }
- var cacheKey;
- if (isValidKey) {
- cacheKey = keys.join(',') + (isSVG ? '-svg' : '');
- var cache = decalCache.get(cacheKey);
- if (cache) {
- isSVG ? pattern.svgElement = cache : pattern.image = cache;
- }
- }
- var dashArrayX = normalizeDashArrayX(decalOpt.dashArrayX);
- var dashArrayY = normalizeDashArrayY(decalOpt.dashArrayY);
- var symbolArray = normalizeSymbolArray(decalOpt.symbol);
- var lineBlockLengthsX = getLineBlockLengthX(dashArrayX);
- var lineBlockLengthY = getLineBlockLengthY(dashArrayY);
- var canvas = !isSVG && platformApi.createCanvas();
- var svgRoot = isSVG && {
- tag: 'g',
- attrs: {},
- key: 'dcl',
- children: []
- };
- var pSize = getPatternSize();
- var ctx;
- if (canvas) {
- canvas.width = pSize.width * dpr;
- canvas.height = pSize.height * dpr;
- ctx = canvas.getContext('2d');
- }
- brushDecal();
- if (isValidKey) {
- decalCache.put(cacheKey, canvas || svgRoot);
- }
- pattern.image = canvas;
- pattern.svgElement = svgRoot;
- pattern.svgWidth = pSize.width;
- pattern.svgHeight = pSize.height;
- /**
- * Get minimum length that can make a repeatable pattern.
- *
- * @return {Object} pattern width and height
- */
- function getPatternSize() {
- /**
- * For example, if dash is [[3, 2], [2, 1]] for X, it looks like
- * |--- --- --- --- --- ...
- * |-- -- -- -- -- -- -- -- ...
- * |--- --- --- --- --- ...
- * |-- -- -- -- -- -- -- -- ...
- * So the minimum length of X is 15,
- * which is the least common multiple of `3 + 2` and `2 + 1`
- * |--- --- --- |--- --- ...
- * |-- -- -- -- -- |-- -- -- ...
- */
- var width = 1;
- for (var i = 0, xlen = lineBlockLengthsX.length; i < xlen; ++i) {
- width = getLeastCommonMultiple(width, lineBlockLengthsX[i]);
- }
- var symbolRepeats = 1;
- for (var i = 0, xlen = symbolArray.length; i < xlen; ++i) {
- symbolRepeats = getLeastCommonMultiple(symbolRepeats, symbolArray[i].length);
- }
- width *= symbolRepeats;
- var height = lineBlockLengthY * lineBlockLengthsX.length * symbolArray.length;
- if ("development" !== 'production') {
- var warn = function (attrName) {
- /* eslint-disable-next-line */
- console.warn("Calculated decal size is greater than " + attrName + " due to decal option settings so " + attrName + " is used for the decal size. Please consider changing the decal option to make a smaller decal or set " + attrName + " to be larger to avoid incontinuity.");
- };
- if (width > decalOpt.maxTileWidth) {
- warn('maxTileWidth');
- }
- if (height > decalOpt.maxTileHeight) {
- warn('maxTileHeight');
- }
- }
- return {
- width: Math.max(1, Math.min(width, decalOpt.maxTileWidth)),
- height: Math.max(1, Math.min(height, decalOpt.maxTileHeight))
- };
- }
- function brushDecal() {
- if (ctx) {
- ctx.clearRect(0, 0, canvas.width, canvas.height);
- if (decalOpt.backgroundColor) {
- ctx.fillStyle = decalOpt.backgroundColor;
- ctx.fillRect(0, 0, canvas.width, canvas.height);
- }
- }
- var ySum = 0;
- for (var i = 0; i < dashArrayY.length; ++i) {
- ySum += dashArrayY[i];
- }
- if (ySum <= 0) {
- // dashArrayY is 0, draw nothing
- return;
- }
- var y = -lineBlockLengthY;
- var yId = 0;
- var yIdTotal = 0;
- var xId0 = 0;
- while (y < pSize.height) {
- if (yId % 2 === 0) {
- var symbolYId = yIdTotal / 2 % symbolArray.length;
- var x = 0;
- var xId1 = 0;
- var xId1Total = 0;
- while (x < pSize.width * 2) {
- var xSum = 0;
- for (var i = 0; i < dashArrayX[xId0].length; ++i) {
- xSum += dashArrayX[xId0][i];
- }
- if (xSum <= 0) {
- // Skip empty line
- break;
- }
- // E.g., [15, 5, 20, 5] draws only for 15 and 20
- if (xId1 % 2 === 0) {
- var size = (1 - decalOpt.symbolSize) * 0.5;
- var left = x + dashArrayX[xId0][xId1] * size;
- var top_1 = y + dashArrayY[yId] * size;
- var width = dashArrayX[xId0][xId1] * decalOpt.symbolSize;
- var height = dashArrayY[yId] * decalOpt.symbolSize;
- var symbolXId = xId1Total / 2 % symbolArray[symbolYId].length;
- brushSymbol(left, top_1, width, height, symbolArray[symbolYId][symbolXId]);
- }
- x += dashArrayX[xId0][xId1];
- ++xId1Total;
- ++xId1;
- if (xId1 === dashArrayX[xId0].length) {
- xId1 = 0;
- }
- }
- ++xId0;
- if (xId0 === dashArrayX.length) {
- xId0 = 0;
- }
- }
- y += dashArrayY[yId];
- ++yIdTotal;
- ++yId;
- if (yId === dashArrayY.length) {
- yId = 0;
- }
- }
- function brushSymbol(x, y, width, height, symbolType) {
- var scale = isSVG ? 1 : dpr;
- var symbol = createSymbol(symbolType, x * scale, y * scale, width * scale, height * scale, decalOpt.color, decalOpt.symbolKeepAspect);
- if (isSVG) {
- var symbolVNode = zr.painter.renderOneToVNode(symbol);
- if (symbolVNode) {
- svgRoot.children.push(symbolVNode);
- }
- } else {
- // Paint to canvas for all other renderers.
- brushSingle(ctx, symbol);
- }
- }
- }
- }
- }
- /**
- * Convert symbol array into normalized array
- *
- * @param {string | (string | string[])[]} symbol symbol input
- * @return {string[][]} normolized symbol array
- */
- function normalizeSymbolArray(symbol) {
- if (!symbol || symbol.length === 0) {
- return [['rect']];
- }
- if (isString(symbol)) {
- return [[symbol]];
- }
- var isAllString = true;
- for (var i = 0; i < symbol.length; ++i) {
- if (!isString(symbol[i])) {
- isAllString = false;
- break;
- }
- }
- if (isAllString) {
- return normalizeSymbolArray([symbol]);
- }
- var result = [];
- for (var i = 0; i < symbol.length; ++i) {
- if (isString(symbol[i])) {
- result.push([symbol[i]]);
- } else {
- result.push(symbol[i]);
- }
- }
- return result;
- }
- /**
- * Convert dash input into dashArray
- *
- * @param {DecalDashArrayX} dash dash input
- * @return {number[][]} normolized dash array
- */
- function normalizeDashArrayX(dash) {
- if (!dash || dash.length === 0) {
- return [[0, 0]];
- }
- if (isNumber(dash)) {
- var dashValue = Math.ceil(dash);
- return [[dashValue, dashValue]];
- }
- /**
- * [20, 5] should be normalized into [[20, 5]],
- * while [20, [5, 10]] should be normalized into [[20, 20], [5, 10]]
- */
- var isAllNumber = true;
- for (var i = 0; i < dash.length; ++i) {
- if (!isNumber(dash[i])) {
- isAllNumber = false;
- break;
- }
- }
- if (isAllNumber) {
- return normalizeDashArrayX([dash]);
- }
- var result = [];
- for (var i = 0; i < dash.length; ++i) {
- if (isNumber(dash[i])) {
- var dashValue = Math.ceil(dash[i]);
- result.push([dashValue, dashValue]);
- } else {
- var dashValue = map(dash[i], function (n) {
- return Math.ceil(n);
- });
- if (dashValue.length % 2 === 1) {
- // [4, 2, 1] means |---- - -- |---- - -- |
- // so normalize it to be [4, 2, 1, 4, 2, 1]
- result.push(dashValue.concat(dashValue));
- } else {
- result.push(dashValue);
- }
- }
- }
- return result;
- }
- /**
- * Convert dash input into dashArray
- *
- * @param {DecalDashArrayY} dash dash input
- * @return {number[]} normolized dash array
- */
- function normalizeDashArrayY(dash) {
- if (!dash || typeof dash === 'object' && dash.length === 0) {
- return [0, 0];
- }
- if (isNumber(dash)) {
- var dashValue_1 = Math.ceil(dash);
- return [dashValue_1, dashValue_1];
- }
- var dashValue = map(dash, function (n) {
- return Math.ceil(n);
- });
- return dash.length % 2 ? dashValue.concat(dashValue) : dashValue;
- }
- /**
- * Get block length of each line. A block is the length of dash line and space.
- * For example, a line with [4, 1] has a dash line of 4 and a space of 1 after
- * that, so the block length of this line is 5.
- *
- * @param {number[][]} dash dash array of X or Y
- * @return {number[]} block length of each line
- */
- function getLineBlockLengthX(dash) {
- return map(dash, function (line) {
- return getLineBlockLengthY(line);
- });
- }
- function getLineBlockLengthY(dash) {
- var blockLength = 0;
- for (var i = 0; i < dash.length; ++i) {
- blockLength += dash[i];
- }
- if (dash.length % 2 === 1) {
- // [4, 2, 1] means |---- - -- |---- - -- |
- // So total length is (4 + 2 + 1) * 2
- return blockLength * 2;
- }
- return blockLength;
- }
-
- function decalVisual(ecModel, api) {
- ecModel.eachRawSeries(function (seriesModel) {
- if (ecModel.isSeriesFiltered(seriesModel)) {
- return;
- }
- var data = seriesModel.getData();
- if (data.hasItemVisual()) {
- data.each(function (idx) {
- var decal = data.getItemVisual(idx, 'decal');
- if (decal) {
- var itemStyle = data.ensureUniqueItemVisual(idx, 'style');
- itemStyle.decal = createOrUpdatePatternFromDecal(decal, api);
- }
- });
- }
- var decal = data.getVisual('decal');
- if (decal) {
- var style = data.getVisual('style');
- style.decal = createOrUpdatePatternFromDecal(decal, api);
- }
- });
- }
-
- var lifecycle = new Eventful();
-
- // Implementation of exported APIs. For example registerMap, getMap.
- // The implementations will be registered when installing the component.
- // Avoid these code being bundled to the core module.
- var implsStore = {};
- // TODO Type
- function registerImpl(name, impl) {
- if ("development" !== 'production') {
- if (implsStore[name]) {
- error("Already has an implementation of " + name + ".");
- }
- }
- implsStore[name] = impl;
- }
- function getImpl(name) {
- if ("development" !== 'production') {
- if (!implsStore[name]) {
- error("Implementation of " + name + " doesn't exists.");
- }
- }
- return implsStore[name];
- }
-
- var version$1 = '5.5.0';
- var dependencies = {
- zrender: '5.5.0'
- };
- var TEST_FRAME_REMAIN_TIME = 1;
- var PRIORITY_PROCESSOR_SERIES_FILTER = 800;
- // Some data processors depends on the stack result dimension (to calculate data extent).
- // So data stack stage should be in front of data processing stage.
- var PRIORITY_PROCESSOR_DATASTACK = 900;
- // "Data filter" will block the stream, so it should be
- // put at the beginning of data processing.
- var PRIORITY_PROCESSOR_FILTER = 1000;
- var PRIORITY_PROCESSOR_DEFAULT = 2000;
- var PRIORITY_PROCESSOR_STATISTIC = 5000;
- var PRIORITY_VISUAL_LAYOUT = 1000;
- var PRIORITY_VISUAL_PROGRESSIVE_LAYOUT = 1100;
- var PRIORITY_VISUAL_GLOBAL = 2000;
- var PRIORITY_VISUAL_CHART = 3000;
- var PRIORITY_VISUAL_COMPONENT = 4000;
- // Visual property in data. Greater than `PRIORITY_VISUAL_COMPONENT` to enable to
- // overwrite the viusal result of component (like `visualMap`)
- // using data item specific setting (like itemStyle.xxx on data item)
- var PRIORITY_VISUAL_CHART_DATA_CUSTOM = 4500;
- // Greater than `PRIORITY_VISUAL_CHART_DATA_CUSTOM` to enable to layout based on
- // visual result like `symbolSize`.
- var PRIORITY_VISUAL_POST_CHART_LAYOUT = 4600;
- var PRIORITY_VISUAL_BRUSH = 5000;
- var PRIORITY_VISUAL_ARIA = 6000;
- var PRIORITY_VISUAL_DECAL = 7000;
- var PRIORITY = {
- PROCESSOR: {
- FILTER: PRIORITY_PROCESSOR_FILTER,
- SERIES_FILTER: PRIORITY_PROCESSOR_SERIES_FILTER,
- STATISTIC: PRIORITY_PROCESSOR_STATISTIC
- },
- VISUAL: {
- LAYOUT: PRIORITY_VISUAL_LAYOUT,
- PROGRESSIVE_LAYOUT: PRIORITY_VISUAL_PROGRESSIVE_LAYOUT,
- GLOBAL: PRIORITY_VISUAL_GLOBAL,
- CHART: PRIORITY_VISUAL_CHART,
- POST_CHART_LAYOUT: PRIORITY_VISUAL_POST_CHART_LAYOUT,
- COMPONENT: PRIORITY_VISUAL_COMPONENT,
- BRUSH: PRIORITY_VISUAL_BRUSH,
- CHART_ITEM: PRIORITY_VISUAL_CHART_DATA_CUSTOM,
- ARIA: PRIORITY_VISUAL_ARIA,
- DECAL: PRIORITY_VISUAL_DECAL
- }
- };
- // Main process have three entries: `setOption`, `dispatchAction` and `resize`,
- // where they must not be invoked nestedly, except the only case: invoke
- // dispatchAction with updateMethod "none" in main process.
- // This flag is used to carry out this rule.
- // All events will be triggered out side main process (i.e. when !this[IN_MAIN_PROCESS]).
- var IN_MAIN_PROCESS_KEY = '__flagInMainProcess';
- var PENDING_UPDATE = '__pendingUpdate';
- var STATUS_NEEDS_UPDATE_KEY = '__needsUpdateStatus';
- var ACTION_REG = /^[a-zA-Z0-9_]+$/;
- var CONNECT_STATUS_KEY = '__connectUpdateStatus';
- var CONNECT_STATUS_PENDING = 0;
- var CONNECT_STATUS_UPDATING = 1;
- var CONNECT_STATUS_UPDATED = 2;
- function createRegisterEventWithLowercaseECharts(method) {
- return function () {
- var args = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- args[_i] = arguments[_i];
- }
- if (this.isDisposed()) {
- disposedWarning(this.id);
- return;
- }
- return toLowercaseNameAndCallEventful(this, method, args);
- };
- }
- function createRegisterEventWithLowercaseMessageCenter(method) {
- return function () {
- var args = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- args[_i] = arguments[_i];
- }
- return toLowercaseNameAndCallEventful(this, method, args);
- };
- }
- function toLowercaseNameAndCallEventful(host, method, args) {
- // `args[0]` is event name. Event name is all lowercase.
- args[0] = args[0] && args[0].toLowerCase();
- return Eventful.prototype[method].apply(host, args);
- }
- var MessageCenter = /** @class */function (_super) {
- __extends(MessageCenter, _super);
- function MessageCenter() {
- return _super !== null && _super.apply(this, arguments) || this;
- }
- return MessageCenter;
- }(Eventful);
- var messageCenterProto = MessageCenter.prototype;
- messageCenterProto.on = createRegisterEventWithLowercaseMessageCenter('on');
- messageCenterProto.off = createRegisterEventWithLowercaseMessageCenter('off');
- // ---------------------------------------
- // Internal method names for class ECharts
- // ---------------------------------------
- var prepare;
- var prepareView;
- var updateDirectly;
- var updateMethods;
- var doConvertPixel;
- var updateStreamModes;
- var doDispatchAction;
- var flushPendingActions;
- var triggerUpdatedEvent;
- var bindRenderedEvent;
- var bindMouseEvent;
- var render;
- var renderComponents;
- var renderSeries;
- var createExtensionAPI;
- var enableConnect;
- var markStatusToUpdate;
- var applyChangedStates;
- var ECharts = /** @class */function (_super) {
- __extends(ECharts, _super);
- function ECharts(dom,
- // Theme name or themeOption.
- theme, opts) {
- var _this = _super.call(this, new ECEventProcessor()) || this;
- _this._chartsViews = [];
- _this._chartsMap = {};
- _this._componentsViews = [];
- _this._componentsMap = {};
- // Can't dispatch action during rendering procedure
- _this._pendingActions = [];
- opts = opts || {};
- // Get theme by name
- if (isString(theme)) {
- theme = themeStorage[theme];
- }
- _this._dom = dom;
- var defaultRenderer = 'canvas';
- var defaultCoarsePointer = 'auto';
- var defaultUseDirtyRect = false;
- if ("development" !== 'production') {
- var root = /* eslint-disable-next-line */
- env.hasGlobalWindow ? window : global;
- if (root) {
- defaultRenderer = retrieve2(root.__ECHARTS__DEFAULT__RENDERER__, defaultRenderer);
- defaultCoarsePointer = retrieve2(root.__ECHARTS__DEFAULT__COARSE_POINTER, defaultCoarsePointer);
- defaultUseDirtyRect = retrieve2(root.__ECHARTS__DEFAULT__USE_DIRTY_RECT__, defaultUseDirtyRect);
- }
- }
- if (opts.ssr) {
- registerSSRDataGetter(function (el) {
- var ecData = getECData(el);
- var dataIndex = ecData.dataIndex;
- if (dataIndex == null) {
- return;
- }
- var hashMap = createHashMap();
- hashMap.set('series_index', ecData.seriesIndex);
- hashMap.set('data_index', dataIndex);
- ecData.ssrType && hashMap.set('ssr_type', ecData.ssrType);
- return hashMap;
- });
- }
- var zr = _this._zr = init(dom, {
- renderer: opts.renderer || defaultRenderer,
- devicePixelRatio: opts.devicePixelRatio,
- width: opts.width,
- height: opts.height,
- ssr: opts.ssr,
- useDirtyRect: retrieve2(opts.useDirtyRect, defaultUseDirtyRect),
- useCoarsePointer: retrieve2(opts.useCoarsePointer, defaultCoarsePointer),
- pointerSize: opts.pointerSize
- });
- _this._ssr = opts.ssr;
- // Expect 60 fps.
- _this._throttledZrFlush = throttle(bind(zr.flush, zr), 17);
- theme = clone(theme);
- theme && globalBackwardCompat(theme, true);
- _this._theme = theme;
- _this._locale = createLocaleObject(opts.locale || SYSTEM_LANG);
- _this._coordSysMgr = new CoordinateSystemManager();
- var api = _this._api = createExtensionAPI(_this);
- // Sort on demand
- function prioritySortFunc(a, b) {
- return a.__prio - b.__prio;
- }
- sort(visualFuncs, prioritySortFunc);
- sort(dataProcessorFuncs, prioritySortFunc);
- _this._scheduler = new Scheduler(_this, api, dataProcessorFuncs, visualFuncs);
- _this._messageCenter = new MessageCenter();
- // Init mouse events
- _this._initEvents();
- // In case some people write `window.onresize = chart.resize`
- _this.resize = bind(_this.resize, _this);
- zr.animation.on('frame', _this._onframe, _this);
- bindRenderedEvent(zr, _this);
- bindMouseEvent(zr, _this);
- // ECharts instance can be used as value.
- setAsPrimitive(_this);
- return _this;
- }
- ECharts.prototype._onframe = function () {
- if (this._disposed) {
- return;
- }
- applyChangedStates(this);
- var scheduler = this._scheduler;
- // Lazy update
- if (this[PENDING_UPDATE]) {
- var silent = this[PENDING_UPDATE].silent;
- this[IN_MAIN_PROCESS_KEY] = true;
- try {
- prepare(this);
- updateMethods.update.call(this, null, this[PENDING_UPDATE].updateParams);
- } catch (e) {
- this[IN_MAIN_PROCESS_KEY] = false;
- this[PENDING_UPDATE] = null;
- throw e;
- }
- // At present, in each frame, zrender performs:
- // (1) animation step forward.
- // (2) trigger('frame') (where this `_onframe` is called)
- // (3) zrender flush (render).
- // If we do nothing here, since we use `setToFinal: true`, the step (3) above
- // will render the final state of the elements before the real animation started.
- this._zr.flush();
- this[IN_MAIN_PROCESS_KEY] = false;
- this[PENDING_UPDATE] = null;
- flushPendingActions.call(this, silent);
- triggerUpdatedEvent.call(this, silent);
- }
- // Avoid do both lazy update and progress in one frame.
- else if (scheduler.unfinished) {
- // Stream progress.
- var remainTime = TEST_FRAME_REMAIN_TIME;
- var ecModel = this._model;
- var api = this._api;
- scheduler.unfinished = false;
- do {
- var startTime = +new Date();
- scheduler.performSeriesTasks(ecModel);
- // Currently dataProcessorFuncs do not check threshold.
- scheduler.performDataProcessorTasks(ecModel);
- updateStreamModes(this, ecModel);
- // Do not update coordinate system here. Because that coord system update in
- // each frame is not a good user experience. So we follow the rule that
- // the extent of the coordinate system is determined in the first frame (the
- // frame is executed immediately after task reset.
- // this._coordSysMgr.update(ecModel, api);
- // console.log('--- ec frame visual ---', remainTime);
- scheduler.performVisualTasks(ecModel);
- renderSeries(this, this._model, api, 'remain', {});
- remainTime -= +new Date() - startTime;
- } while (remainTime > 0 && scheduler.unfinished);
- // Call flush explicitly for trigger finished event.
- if (!scheduler.unfinished) {
- this._zr.flush();
- }
- // Else, zr flushing be ensue within the same frame,
- // because zr flushing is after onframe event.
- }
- };
-
- ECharts.prototype.getDom = function () {
- return this._dom;
- };
- ECharts.prototype.getId = function () {
- return this.id;
- };
- ECharts.prototype.getZr = function () {
- return this._zr;
- };
- ECharts.prototype.isSSR = function () {
- return this._ssr;
- };
- /* eslint-disable-next-line */
- ECharts.prototype.setOption = function (option, notMerge, lazyUpdate) {
- if (this[IN_MAIN_PROCESS_KEY]) {
- if ("development" !== 'production') {
- error('`setOption` should not be called during main process.');
- }
- return;
- }
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- var silent;
- var replaceMerge;
- var transitionOpt;
- if (isObject(notMerge)) {
- lazyUpdate = notMerge.lazyUpdate;
- silent = notMerge.silent;
- replaceMerge = notMerge.replaceMerge;
- transitionOpt = notMerge.transition;
- notMerge = notMerge.notMerge;
- }
- this[IN_MAIN_PROCESS_KEY] = true;
- if (!this._model || notMerge) {
- var optionManager = new OptionManager(this._api);
- var theme = this._theme;
- var ecModel = this._model = new GlobalModel();
- ecModel.scheduler = this._scheduler;
- ecModel.ssr = this._ssr;
- ecModel.init(null, null, null, theme, this._locale, optionManager);
- }
- this._model.setOption(option, {
- replaceMerge: replaceMerge
- }, optionPreprocessorFuncs);
- var updateParams = {
- seriesTransition: transitionOpt,
- optionChanged: true
- };
- if (lazyUpdate) {
- this[PENDING_UPDATE] = {
- silent: silent,
- updateParams: updateParams
- };
- this[IN_MAIN_PROCESS_KEY] = false;
- // `setOption(option, {lazyMode: true})` may be called when zrender has been slept.
- // It should wake it up to make sure zrender start to render at the next frame.
- this.getZr().wakeUp();
- } else {
- try {
- prepare(this);
- updateMethods.update.call(this, null, updateParams);
- } catch (e) {
- this[PENDING_UPDATE] = null;
- this[IN_MAIN_PROCESS_KEY] = false;
- throw e;
- }
- // Ensure zr refresh sychronously, and then pixel in canvas can be
- // fetched after `setOption`.
- if (!this._ssr) {
- // not use flush when using ssr mode.
- this._zr.flush();
- }
- this[PENDING_UPDATE] = null;
- this[IN_MAIN_PROCESS_KEY] = false;
- flushPendingActions.call(this, silent);
- triggerUpdatedEvent.call(this, silent);
- }
- };
- /**
- * @deprecated
- */
- ECharts.prototype.setTheme = function () {
- deprecateLog('ECharts#setTheme() is DEPRECATED in ECharts 3.0');
- };
- // We don't want developers to use getModel directly.
- ECharts.prototype.getModel = function () {
- return this._model;
- };
- ECharts.prototype.getOption = function () {
- return this._model && this._model.getOption();
- };
- ECharts.prototype.getWidth = function () {
- return this._zr.getWidth();
- };
- ECharts.prototype.getHeight = function () {
- return this._zr.getHeight();
- };
- ECharts.prototype.getDevicePixelRatio = function () {
- return this._zr.painter.dpr
- /* eslint-disable-next-line */ || env.hasGlobalWindow && window.devicePixelRatio || 1;
- };
- /**
- * Get canvas which has all thing rendered
- * @deprecated Use renderToCanvas instead.
- */
- ECharts.prototype.getRenderedCanvas = function (opts) {
- if ("development" !== 'production') {
- deprecateReplaceLog('getRenderedCanvas', 'renderToCanvas');
- }
- return this.renderToCanvas(opts);
- };
- ECharts.prototype.renderToCanvas = function (opts) {
- opts = opts || {};
- var painter = this._zr.painter;
- if ("development" !== 'production') {
- if (painter.type !== 'canvas') {
- throw new Error('renderToCanvas can only be used in the canvas renderer.');
- }
- }
- return painter.getRenderedCanvas({
- backgroundColor: opts.backgroundColor || this._model.get('backgroundColor'),
- pixelRatio: opts.pixelRatio || this.getDevicePixelRatio()
- });
- };
- ECharts.prototype.renderToSVGString = function (opts) {
- opts = opts || {};
- var painter = this._zr.painter;
- if ("development" !== 'production') {
- if (painter.type !== 'svg') {
- throw new Error('renderToSVGString can only be used in the svg renderer.');
- }
- }
- return painter.renderToString({
- useViewBox: opts.useViewBox
- });
- };
- /**
- * Get svg data url
- */
- ECharts.prototype.getSvgDataURL = function () {
- if (!env.svgSupported) {
- return;
- }
- var zr = this._zr;
- var list = zr.storage.getDisplayList();
- // Stop animations
- each(list, function (el) {
- el.stopAnimation(null, true);
- });
- return zr.painter.toDataURL();
- };
- ECharts.prototype.getDataURL = function (opts) {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- opts = opts || {};
- var excludeComponents = opts.excludeComponents;
- var ecModel = this._model;
- var excludesComponentViews = [];
- var self = this;
- each(excludeComponents, function (componentType) {
- ecModel.eachComponent({
- mainType: componentType
- }, function (component) {
- var view = self._componentsMap[component.__viewId];
- if (!view.group.ignore) {
- excludesComponentViews.push(view);
- view.group.ignore = true;
- }
- });
- });
- var url = this._zr.painter.getType() === 'svg' ? this.getSvgDataURL() : this.renderToCanvas(opts).toDataURL('image/' + (opts && opts.type || 'png'));
- each(excludesComponentViews, function (view) {
- view.group.ignore = false;
- });
- return url;
- };
- ECharts.prototype.getConnectedDataURL = function (opts) {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- var isSvg = opts.type === 'svg';
- var groupId = this.group;
- var mathMin = Math.min;
- var mathMax = Math.max;
- var MAX_NUMBER = Infinity;
- if (connectedGroups[groupId]) {
- var left_1 = MAX_NUMBER;
- var top_1 = MAX_NUMBER;
- var right_1 = -MAX_NUMBER;
- var bottom_1 = -MAX_NUMBER;
- var canvasList_1 = [];
- var dpr_1 = opts && opts.pixelRatio || this.getDevicePixelRatio();
- each(instances$1, function (chart, id) {
- if (chart.group === groupId) {
- var canvas = isSvg ? chart.getZr().painter.getSvgDom().innerHTML : chart.renderToCanvas(clone(opts));
- var boundingRect = chart.getDom().getBoundingClientRect();
- left_1 = mathMin(boundingRect.left, left_1);
- top_1 = mathMin(boundingRect.top, top_1);
- right_1 = mathMax(boundingRect.right, right_1);
- bottom_1 = mathMax(boundingRect.bottom, bottom_1);
- canvasList_1.push({
- dom: canvas,
- left: boundingRect.left,
- top: boundingRect.top
- });
- }
- });
- left_1 *= dpr_1;
- top_1 *= dpr_1;
- right_1 *= dpr_1;
- bottom_1 *= dpr_1;
- var width = right_1 - left_1;
- var height = bottom_1 - top_1;
- var targetCanvas = platformApi.createCanvas();
- var zr_1 = init(targetCanvas, {
- renderer: isSvg ? 'svg' : 'canvas'
- });
- zr_1.resize({
- width: width,
- height: height
- });
- if (isSvg) {
- var content_1 = '';
- each(canvasList_1, function (item) {
- var x = item.left - left_1;
- var y = item.top - top_1;
- content_1 += '' + item.dom + '';
- });
- zr_1.painter.getSvgRoot().innerHTML = content_1;
- if (opts.connectedBackgroundColor) {
- zr_1.painter.setBackgroundColor(opts.connectedBackgroundColor);
- }
- zr_1.refreshImmediately();
- return zr_1.painter.toDataURL();
- } else {
- // Background between the charts
- if (opts.connectedBackgroundColor) {
- zr_1.add(new Rect({
- shape: {
- x: 0,
- y: 0,
- width: width,
- height: height
- },
- style: {
- fill: opts.connectedBackgroundColor
- }
- }));
- }
- each(canvasList_1, function (item) {
- var img = new ZRImage({
- style: {
- x: item.left * dpr_1 - left_1,
- y: item.top * dpr_1 - top_1,
- image: item.dom
- }
- });
- zr_1.add(img);
- });
- zr_1.refreshImmediately();
- return targetCanvas.toDataURL('image/' + (opts && opts.type || 'png'));
- }
- } else {
- return this.getDataURL(opts);
- }
- };
- ECharts.prototype.convertToPixel = function (finder, value) {
- return doConvertPixel(this, 'convertToPixel', finder, value);
- };
- ECharts.prototype.convertFromPixel = function (finder, value) {
- return doConvertPixel(this, 'convertFromPixel', finder, value);
- };
- /**
- * Is the specified coordinate systems or components contain the given pixel point.
- * @param {Array|number} value
- * @return {boolean} result
- */
- ECharts.prototype.containPixel = function (finder, value) {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- var ecModel = this._model;
- var result;
- var findResult = parseFinder(ecModel, finder);
- each(findResult, function (models, key) {
- key.indexOf('Models') >= 0 && each(models, function (model) {
- var coordSys = model.coordinateSystem;
- if (coordSys && coordSys.containPoint) {
- result = result || !!coordSys.containPoint(value);
- } else if (key === 'seriesModels') {
- var view = this._chartsMap[model.__viewId];
- if (view && view.containPoint) {
- result = result || view.containPoint(value, model);
- } else {
- if ("development" !== 'production') {
- warn(key + ': ' + (view ? 'The found component do not support containPoint.' : 'No view mapping to the found component.'));
- }
- }
- } else {
- if ("development" !== 'production') {
- warn(key + ': containPoint is not supported');
- }
- }
- }, this);
- }, this);
- return !!result;
- };
- /**
- * Get visual from series or data.
- * @param finder
- * If string, e.g., 'series', means {seriesIndex: 0}.
- * If Object, could contain some of these properties below:
- * {
- * seriesIndex / seriesId / seriesName,
- * dataIndex / dataIndexInside
- * }
- * If dataIndex is not specified, series visual will be fetched,
- * but not data item visual.
- * If all of seriesIndex, seriesId, seriesName are not specified,
- * visual will be fetched from first series.
- * @param visualType 'color', 'symbol', 'symbolSize'
- */
- ECharts.prototype.getVisual = function (finder, visualType) {
- var ecModel = this._model;
- var parsedFinder = parseFinder(ecModel, finder, {
- defaultMainType: 'series'
- });
- var seriesModel = parsedFinder.seriesModel;
- if ("development" !== 'production') {
- if (!seriesModel) {
- warn('There is no specified series model');
- }
- }
- var data = seriesModel.getData();
- var dataIndexInside = parsedFinder.hasOwnProperty('dataIndexInside') ? parsedFinder.dataIndexInside : parsedFinder.hasOwnProperty('dataIndex') ? data.indexOfRawIndex(parsedFinder.dataIndex) : null;
- return dataIndexInside != null ? getItemVisualFromData(data, dataIndexInside, visualType) : getVisualFromData(data, visualType);
- };
- /**
- * Get view of corresponding component model
- */
- ECharts.prototype.getViewOfComponentModel = function (componentModel) {
- return this._componentsMap[componentModel.__viewId];
- };
- /**
- * Get view of corresponding series model
- */
- ECharts.prototype.getViewOfSeriesModel = function (seriesModel) {
- return this._chartsMap[seriesModel.__viewId];
- };
- ECharts.prototype._initEvents = function () {
- var _this = this;
- each(MOUSE_EVENT_NAMES, function (eveName) {
- var handler = function (e) {
- var ecModel = _this.getModel();
- var el = e.target;
- var params;
- var isGlobalOut = eveName === 'globalout';
- // no e.target when 'globalout'.
- if (isGlobalOut) {
- params = {};
- } else {
- el && findEventDispatcher(el, function (parent) {
- var ecData = getECData(parent);
- if (ecData && ecData.dataIndex != null) {
- var dataModel = ecData.dataModel || ecModel.getSeriesByIndex(ecData.seriesIndex);
- params = dataModel && dataModel.getDataParams(ecData.dataIndex, ecData.dataType, el) || {};
- return true;
- }
- // If element has custom eventData of components
- else if (ecData.eventData) {
- params = extend({}, ecData.eventData);
- return true;
- }
- }, true);
- }
- // Contract: if params prepared in mouse event,
- // these properties must be specified:
- // {
- // componentType: string (component main type)
- // componentIndex: number
- // }
- // Otherwise event query can not work.
- if (params) {
- var componentType = params.componentType;
- var componentIndex = params.componentIndex;
- // Special handling for historic reason: when trigger by
- // markLine/markPoint/markArea, the componentType is
- // 'markLine'/'markPoint'/'markArea', but we should better
- // enable them to be queried by seriesIndex, since their
- // option is set in each series.
- if (componentType === 'markLine' || componentType === 'markPoint' || componentType === 'markArea') {
- componentType = 'series';
- componentIndex = params.seriesIndex;
- }
- var model = componentType && componentIndex != null && ecModel.getComponent(componentType, componentIndex);
- var view = model && _this[model.mainType === 'series' ? '_chartsMap' : '_componentsMap'][model.__viewId];
- if ("development" !== 'production') {
- // `event.componentType` and `event[componentTpype + 'Index']` must not
- // be missed, otherwise there is no way to distinguish source component.
- // See `dataFormat.getDataParams`.
- if (!isGlobalOut && !(model && view)) {
- warn('model or view can not be found by params');
- }
- }
- params.event = e;
- params.type = eveName;
- _this._$eventProcessor.eventInfo = {
- targetEl: el,
- packedEvent: params,
- model: model,
- view: view
- };
- _this.trigger(eveName, params);
- }
- };
- // Consider that some component (like tooltip, brush, ...)
- // register zr event handler, but user event handler might
- // do anything, such as call `setOption` or `dispatchAction`,
- // which probably update any of the content and probably
- // cause problem if it is called previous other inner handlers.
- handler.zrEventfulCallAtLast = true;
- _this._zr.on(eveName, handler, _this);
- });
- each(eventActionMap, function (actionType, eventType) {
- _this._messageCenter.on(eventType, function (event) {
- this.trigger(eventType, event);
- }, _this);
- });
- // Extra events
- // TODO register?
- each(['selectchanged'], function (eventType) {
- _this._messageCenter.on(eventType, function (event) {
- this.trigger(eventType, event);
- }, _this);
- });
- handleLegacySelectEvents(this._messageCenter, this, this._api);
- };
- ECharts.prototype.isDisposed = function () {
- return this._disposed;
- };
- ECharts.prototype.clear = function () {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- this.setOption({
- series: []
- }, true);
- };
- ECharts.prototype.dispose = function () {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- this._disposed = true;
- var dom = this.getDom();
- if (dom) {
- setAttribute(this.getDom(), DOM_ATTRIBUTE_KEY, '');
- }
- var chart = this;
- var api = chart._api;
- var ecModel = chart._model;
- each(chart._componentsViews, function (component) {
- component.dispose(ecModel, api);
- });
- each(chart._chartsViews, function (chart) {
- chart.dispose(ecModel, api);
- });
- // Dispose after all views disposed
- chart._zr.dispose();
- // Set properties to null.
- // To reduce the memory cost in case the top code still holds this instance unexpectedly.
- chart._dom = chart._model = chart._chartsMap = chart._componentsMap = chart._chartsViews = chart._componentsViews = chart._scheduler = chart._api = chart._zr = chart._throttledZrFlush = chart._theme = chart._coordSysMgr = chart._messageCenter = null;
- delete instances$1[chart.id];
- };
- /**
- * Resize the chart
- */
- ECharts.prototype.resize = function (opts) {
- if (this[IN_MAIN_PROCESS_KEY]) {
- if ("development" !== 'production') {
- error('`resize` should not be called during main process.');
- }
- return;
- }
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- this._zr.resize(opts);
- var ecModel = this._model;
- // Resize loading effect
- this._loadingFX && this._loadingFX.resize();
- if (!ecModel) {
- return;
- }
- var needPrepare = ecModel.resetOption('media');
- var silent = opts && opts.silent;
- // There is some real cases that:
- // chart.setOption(option, { lazyUpdate: true });
- // chart.resize();
- if (this[PENDING_UPDATE]) {
- if (silent == null) {
- silent = this[PENDING_UPDATE].silent;
- }
- needPrepare = true;
- this[PENDING_UPDATE] = null;
- }
- this[IN_MAIN_PROCESS_KEY] = true;
- try {
- needPrepare && prepare(this);
- updateMethods.update.call(this, {
- type: 'resize',
- animation: extend({
- // Disable animation
- duration: 0
- }, opts && opts.animation)
- });
- } catch (e) {
- this[IN_MAIN_PROCESS_KEY] = false;
- throw e;
- }
- this[IN_MAIN_PROCESS_KEY] = false;
- flushPendingActions.call(this, silent);
- triggerUpdatedEvent.call(this, silent);
- };
- ECharts.prototype.showLoading = function (name, cfg) {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- if (isObject(name)) {
- cfg = name;
- name = '';
- }
- name = name || 'default';
- this.hideLoading();
- if (!loadingEffects[name]) {
- if ("development" !== 'production') {
- warn('Loading effects ' + name + ' not exists.');
- }
- return;
- }
- var el = loadingEffects[name](this._api, cfg);
- var zr = this._zr;
- this._loadingFX = el;
- zr.add(el);
- };
- /**
- * Hide loading effect
- */
- ECharts.prototype.hideLoading = function () {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- this._loadingFX && this._zr.remove(this._loadingFX);
- this._loadingFX = null;
- };
- ECharts.prototype.makeActionFromEvent = function (eventObj) {
- var payload = extend({}, eventObj);
- payload.type = eventActionMap[eventObj.type];
- return payload;
- };
- /**
- * @param opt If pass boolean, means opt.silent
- * @param opt.silent Default `false`. Whether trigger events.
- * @param opt.flush Default `undefined`.
- * true: Flush immediately, and then pixel in canvas can be fetched
- * immediately. Caution: it might affect performance.
- * false: Not flush.
- * undefined: Auto decide whether perform flush.
- */
- ECharts.prototype.dispatchAction = function (payload, opt) {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- if (!isObject(opt)) {
- opt = {
- silent: !!opt
- };
- }
- if (!actions[payload.type]) {
- return;
- }
- // Avoid dispatch action before setOption. Especially in `connect`.
- if (!this._model) {
- return;
- }
- // May dispatchAction in rendering procedure
- if (this[IN_MAIN_PROCESS_KEY]) {
- this._pendingActions.push(payload);
- return;
- }
- var silent = opt.silent;
- doDispatchAction.call(this, payload, silent);
- var flush = opt.flush;
- if (flush) {
- this._zr.flush();
- } else if (flush !== false && env.browser.weChat) {
- // In WeChat embedded browser, `requestAnimationFrame` and `setInterval`
- // hang when sliding page (on touch event), which cause that zr does not
- // refresh until user interaction finished, which is not expected.
- // But `dispatchAction` may be called too frequently when pan on touch
- // screen, which impacts performance if do not throttle them.
- this._throttledZrFlush();
- }
- flushPendingActions.call(this, silent);
- triggerUpdatedEvent.call(this, silent);
- };
- ECharts.prototype.updateLabelLayout = function () {
- lifecycle.trigger('series:layoutlabels', this._model, this._api, {
- // Not adding series labels.
- // TODO
- updatedSeries: []
- });
- };
- ECharts.prototype.appendData = function (params) {
- if (this._disposed) {
- disposedWarning(this.id);
- return;
- }
- var seriesIndex = params.seriesIndex;
- var ecModel = this.getModel();
- var seriesModel = ecModel.getSeriesByIndex(seriesIndex);
- if ("development" !== 'production') {
- assert(params.data && seriesModel);
- }
- seriesModel.appendData(params);
- // Note: `appendData` does not support that update extent of coordinate
- // system, util some scenario require that. In the expected usage of
- // `appendData`, the initial extent of coordinate system should better
- // be fixed by axis `min`/`max` setting or initial data, otherwise if
- // the extent changed while `appendData`, the location of the painted
- // graphic elements have to be changed, which make the usage of
- // `appendData` meaningless.
- this._scheduler.unfinished = true;
- this.getZr().wakeUp();
- };
- // A work around for no `internal` modifier in ts yet but
- // need to strictly hide private methods to JS users.
- ECharts.internalField = function () {
- prepare = function (ecIns) {
- var scheduler = ecIns._scheduler;
- scheduler.restorePipelines(ecIns._model);
- scheduler.prepareStageTasks();
- prepareView(ecIns, true);
- prepareView(ecIns, false);
- scheduler.plan();
- };
- /**
- * Prepare view instances of charts and components
- */
- prepareView = function (ecIns, isComponent) {
- var ecModel = ecIns._model;
- var scheduler = ecIns._scheduler;
- var viewList = isComponent ? ecIns._componentsViews : ecIns._chartsViews;
- var viewMap = isComponent ? ecIns._componentsMap : ecIns._chartsMap;
- var zr = ecIns._zr;
- var api = ecIns._api;
- for (var i = 0; i < viewList.length; i++) {
- viewList[i].__alive = false;
- }
- isComponent ? ecModel.eachComponent(function (componentType, model) {
- componentType !== 'series' && doPrepare(model);
- }) : ecModel.eachSeries(doPrepare);
- function doPrepare(model) {
- // By default view will be reused if possible for the case that `setOption` with "notMerge"
- // mode and need to enable transition animation. (Usually, when they have the same id, or
- // especially no id but have the same type & name & index. See the `model.id` generation
- // rule in `makeIdAndName` and `viewId` generation rule here).
- // But in `replaceMerge` mode, this feature should be able to disabled when it is clear that
- // the new model has nothing to do with the old model.
- var requireNewView = model.__requireNewView;
- // This command should not work twice.
- model.__requireNewView = false;
- // Consider: id same and type changed.
- var viewId = '_ec_' + model.id + '_' + model.type;
- var view = !requireNewView && viewMap[viewId];
- if (!view) {
- var classType = parseClassType(model.type);
- var Clazz = isComponent ? ComponentView.getClass(classType.main, classType.sub) :
- // FIXME:TS
- // (ChartView as ChartViewConstructor).getClass('series', classType.sub)
- // For backward compat, still support a chart type declared as only subType
- // like "liquidfill", but recommend "series.liquidfill"
- // But need a base class to make a type series.
- ChartView.getClass(classType.sub);
- if ("development" !== 'production') {
- assert(Clazz, classType.sub + ' does not exist.');
- }
- view = new Clazz();
- view.init(ecModel, api);
- viewMap[viewId] = view;
- viewList.push(view);
- zr.add(view.group);
- }
- model.__viewId = view.__id = viewId;
- view.__alive = true;
- view.__model = model;
- view.group.__ecComponentInfo = {
- mainType: model.mainType,
- index: model.componentIndex
- };
- !isComponent && scheduler.prepareView(view, model, ecModel, api);
- }
- for (var i = 0; i < viewList.length;) {
- var view = viewList[i];
- if (!view.__alive) {
- !isComponent && view.renderTask.dispose();
- zr.remove(view.group);
- view.dispose(ecModel, api);
- viewList.splice(i, 1);
- if (viewMap[view.__id] === view) {
- delete viewMap[view.__id];
- }
- view.__id = view.group.__ecComponentInfo = null;
- } else {
- i++;
- }
- }
- };
- updateDirectly = function (ecIns, method, payload, mainType, subType) {
- var ecModel = ecIns._model;
- ecModel.setUpdatePayload(payload);
- // broadcast
- if (!mainType) {
- // FIXME
- // Chart will not be update directly here, except set dirty.
- // But there is no such scenario now.
- each([].concat(ecIns._componentsViews).concat(ecIns._chartsViews), callView);
- return;
- }
- var query = {};
- query[mainType + 'Id'] = payload[mainType + 'Id'];
- query[mainType + 'Index'] = payload[mainType + 'Index'];
- query[mainType + 'Name'] = payload[mainType + 'Name'];
- var condition = {
- mainType: mainType,
- query: query
- };
- subType && (condition.subType = subType); // subType may be '' by parseClassType;
- var excludeSeriesId = payload.excludeSeriesId;
- var excludeSeriesIdMap;
- if (excludeSeriesId != null) {
- excludeSeriesIdMap = createHashMap();
- each(normalizeToArray(excludeSeriesId), function (id) {
- var modelId = convertOptionIdName(id, null);
- if (modelId != null) {
- excludeSeriesIdMap.set(modelId, true);
- }
- });
- }
- // If dispatchAction before setOption, do nothing.
- ecModel && ecModel.eachComponent(condition, function (model) {
- var isExcluded = excludeSeriesIdMap && excludeSeriesIdMap.get(model.id) != null;
- if (isExcluded) {
- return;
- }
- if (isHighDownPayload(payload)) {
- if (model instanceof SeriesModel) {
- if (payload.type === HIGHLIGHT_ACTION_TYPE && !payload.notBlur && !model.get(['emphasis', 'disabled'])) {
- blurSeriesFromHighlightPayload(model, payload, ecIns._api);
- }
- } else {
- var _a = findComponentHighDownDispatchers(model.mainType, model.componentIndex, payload.name, ecIns._api),
- focusSelf = _a.focusSelf,
- dispatchers = _a.dispatchers;
- if (payload.type === HIGHLIGHT_ACTION_TYPE && focusSelf && !payload.notBlur) {
- blurComponent(model.mainType, model.componentIndex, ecIns._api);
- }
- // PENDING:
- // Whether to put this "enter emphasis" code in `ComponentView`,
- // which will be the same as `ChartView` but might be not necessary
- // and will be far from this logic.
- if (dispatchers) {
- each(dispatchers, function (dispatcher) {
- payload.type === HIGHLIGHT_ACTION_TYPE ? enterEmphasis(dispatcher) : leaveEmphasis(dispatcher);
- });
- }
- }
- } else if (isSelectChangePayload(payload)) {
- // TODO geo
- if (model instanceof SeriesModel) {
- toggleSelectionFromPayload(model, payload, ecIns._api);
- updateSeriesElementSelection(model);
- markStatusToUpdate(ecIns);
- }
- }
- }, ecIns);
- ecModel && ecModel.eachComponent(condition, function (model) {
- var isExcluded = excludeSeriesIdMap && excludeSeriesIdMap.get(model.id) != null;
- if (isExcluded) {
- return;
- }
- callView(ecIns[mainType === 'series' ? '_chartsMap' : '_componentsMap'][model.__viewId]);
- }, ecIns);
- function callView(view) {
- view && view.__alive && view[method] && view[method](view.__model, ecModel, ecIns._api, payload);
- }
- };
- updateMethods = {
- prepareAndUpdate: function (payload) {
- prepare(this);
- updateMethods.update.call(this, payload, {
- // Needs to mark option changed if newOption is given.
- // It's from MagicType.
- // TODO If use a separate flag optionChanged in payload?
- optionChanged: payload.newOption != null
- });
- },
- update: function (payload, updateParams) {
- var ecModel = this._model;
- var api = this._api;
- var zr = this._zr;
- var coordSysMgr = this._coordSysMgr;
- var scheduler = this._scheduler;
- // update before setOption
- if (!ecModel) {
- return;
- }
- ecModel.setUpdatePayload(payload);
- scheduler.restoreData(ecModel, payload);
- scheduler.performSeriesTasks(ecModel);
- // TODO
- // Save total ecModel here for undo/redo (after restoring data and before processing data).
- // Undo (restoration of total ecModel) can be carried out in 'action' or outside API call.
- // Create new coordinate system each update
- // In LineView may save the old coordinate system and use it to get the original point.
- coordSysMgr.create(ecModel, api);
- scheduler.performDataProcessorTasks(ecModel, payload);
- // Current stream render is not supported in data process. So we can update
- // stream modes after data processing, where the filtered data is used to
- // determine whether to use progressive rendering.
- updateStreamModes(this, ecModel);
- // We update stream modes before coordinate system updated, then the modes info
- // can be fetched when coord sys updating (consider the barGrid extent fix). But
- // the drawback is the full coord info can not be fetched. Fortunately this full
- // coord is not required in stream mode updater currently.
- coordSysMgr.update(ecModel, api);
- clearColorPalette(ecModel);
- scheduler.performVisualTasks(ecModel, payload);
- render(this, ecModel, api, payload, updateParams);
- // Set background
- var backgroundColor = ecModel.get('backgroundColor') || 'transparent';
- var darkMode = ecModel.get('darkMode');
- zr.setBackgroundColor(backgroundColor);
- // Force set dark mode.
- if (darkMode != null && darkMode !== 'auto') {
- zr.setDarkMode(darkMode);
- }
- lifecycle.trigger('afterupdate', ecModel, api);
- },
- updateTransform: function (payload) {
- var _this = this;
- var ecModel = this._model;
- var api = this._api;
- // update before setOption
- if (!ecModel) {
- return;
- }
- ecModel.setUpdatePayload(payload);
- // ChartView.markUpdateMethod(payload, 'updateTransform');
- var componentDirtyList = [];
- ecModel.eachComponent(function (componentType, componentModel) {
- if (componentType === 'series') {
- return;
- }
- var componentView = _this.getViewOfComponentModel(componentModel);
- if (componentView && componentView.__alive) {
- if (componentView.updateTransform) {
- var result = componentView.updateTransform(componentModel, ecModel, api, payload);
- result && result.update && componentDirtyList.push(componentView);
- } else {
- componentDirtyList.push(componentView);
- }
- }
- });
- var seriesDirtyMap = createHashMap();
- ecModel.eachSeries(function (seriesModel) {
- var chartView = _this._chartsMap[seriesModel.__viewId];
- if (chartView.updateTransform) {
- var result = chartView.updateTransform(seriesModel, ecModel, api, payload);
- result && result.update && seriesDirtyMap.set(seriesModel.uid, 1);
- } else {
- seriesDirtyMap.set(seriesModel.uid, 1);
- }
- });
- clearColorPalette(ecModel);
- // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
- // this._scheduler.performVisualTasks(ecModel, payload, 'layout', true);
- this._scheduler.performVisualTasks(ecModel, payload, {
- setDirty: true,
- dirtyMap: seriesDirtyMap
- });
- // Currently, not call render of components. Geo render cost a lot.
- // renderComponents(ecIns, ecModel, api, payload, componentDirtyList);
- renderSeries(this, ecModel, api, payload, {}, seriesDirtyMap);
- lifecycle.trigger('afterupdate', ecModel, api);
- },
- updateView: function (payload) {
- var ecModel = this._model;
- // update before setOption
- if (!ecModel) {
- return;
- }
- ecModel.setUpdatePayload(payload);
- ChartView.markUpdateMethod(payload, 'updateView');
- clearColorPalette(ecModel);
- // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
- this._scheduler.performVisualTasks(ecModel, payload, {
- setDirty: true
- });
- render(this, ecModel, this._api, payload, {});
- lifecycle.trigger('afterupdate', ecModel, this._api);
- },
- updateVisual: function (payload) {
- // updateMethods.update.call(this, payload);
- var _this = this;
- var ecModel = this._model;
- // update before setOption
- if (!ecModel) {
- return;
- }
- ecModel.setUpdatePayload(payload);
- // clear all visual
- ecModel.eachSeries(function (seriesModel) {
- seriesModel.getData().clearAllVisual();
- });
- // Perform visual
- ChartView.markUpdateMethod(payload, 'updateVisual');
- clearColorPalette(ecModel);
- // Keep pipe to the exist pipeline because it depends on the render task of the full pipeline.
- this._scheduler.performVisualTasks(ecModel, payload, {
- visualType: 'visual',
- setDirty: true
- });
- ecModel.eachComponent(function (componentType, componentModel) {
- if (componentType !== 'series') {
- var componentView = _this.getViewOfComponentModel(componentModel);
- componentView && componentView.__alive && componentView.updateVisual(componentModel, ecModel, _this._api, payload);
- }
- });
- ecModel.eachSeries(function (seriesModel) {
- var chartView = _this._chartsMap[seriesModel.__viewId];
- chartView.updateVisual(seriesModel, ecModel, _this._api, payload);
- });
- lifecycle.trigger('afterupdate', ecModel, this._api);
- },
- updateLayout: function (payload) {
- updateMethods.update.call(this, payload);
- }
- };
- doConvertPixel = function (ecIns, methodName, finder, value) {
- if (ecIns._disposed) {
- disposedWarning(ecIns.id);
- return;
- }
- var ecModel = ecIns._model;
- var coordSysList = ecIns._coordSysMgr.getCoordinateSystems();
- var result;
- var parsedFinder = parseFinder(ecModel, finder);
- for (var i = 0; i < coordSysList.length; i++) {
- var coordSys = coordSysList[i];
- if (coordSys[methodName] && (result = coordSys[methodName](ecModel, parsedFinder, value)) != null) {
- return result;
- }
- }
- if ("development" !== 'production') {
- warn('No coordinate system that supports ' + methodName + ' found by the given finder.');
- }
- };
- updateStreamModes = function (ecIns, ecModel) {
- var chartsMap = ecIns._chartsMap;
- var scheduler = ecIns._scheduler;
- ecModel.eachSeries(function (seriesModel) {
- scheduler.updateStreamModes(seriesModel, chartsMap[seriesModel.__viewId]);
- });
- };
- doDispatchAction = function (payload, silent) {
- var _this = this;
- var ecModel = this.getModel();
- var payloadType = payload.type;
- var escapeConnect = payload.escapeConnect;
- var actionWrap = actions[payloadType];
- var actionInfo = actionWrap.actionInfo;
- var cptTypeTmp = (actionInfo.update || 'update').split(':');
- var updateMethod = cptTypeTmp.pop();
- var cptType = cptTypeTmp[0] != null && parseClassType(cptTypeTmp[0]);
- this[IN_MAIN_PROCESS_KEY] = true;
- var payloads = [payload];
- var batched = false;
- // Batch action
- if (payload.batch) {
- batched = true;
- payloads = map(payload.batch, function (item) {
- item = defaults(extend({}, item), payload);
- item.batch = null;
- return item;
- });
- }
- var eventObjBatch = [];
- var eventObj;
- var isSelectChange = isSelectChangePayload(payload);
- var isHighDown = isHighDownPayload(payload);
- // Only leave blur once if there are multiple batches.
- if (isHighDown) {
- allLeaveBlur(this._api);
- }
- each(payloads, function (batchItem) {
- // Action can specify the event by return it.
- eventObj = actionWrap.action(batchItem, _this._model, _this._api);
- // Emit event outside
- eventObj = eventObj || extend({}, batchItem);
- // Convert type to eventType
- eventObj.type = actionInfo.event || eventObj.type;
- eventObjBatch.push(eventObj);
- // light update does not perform data process, layout and visual.
- if (isHighDown) {
- var _a = preParseFinder(payload),
- queryOptionMap = _a.queryOptionMap,
- mainTypeSpecified = _a.mainTypeSpecified;
- var componentMainType = mainTypeSpecified ? queryOptionMap.keys()[0] : 'series';
- updateDirectly(_this, updateMethod, batchItem, componentMainType);
- markStatusToUpdate(_this);
- } else if (isSelectChange) {
- // At present `dispatchAction({ type: 'select', ... })` is not supported on components.
- // geo still use 'geoselect'.
- updateDirectly(_this, updateMethod, batchItem, 'series');
- markStatusToUpdate(_this);
- } else if (cptType) {
- updateDirectly(_this, updateMethod, batchItem, cptType.main, cptType.sub);
- }
- });
- if (updateMethod !== 'none' && !isHighDown && !isSelectChange && !cptType) {
- try {
- // Still dirty
- if (this[PENDING_UPDATE]) {
- prepare(this);
- updateMethods.update.call(this, payload);
- this[PENDING_UPDATE] = null;
- } else {
- updateMethods[updateMethod].call(this, payload);
- }
- } catch (e) {
- this[IN_MAIN_PROCESS_KEY] = false;
- throw e;
- }
- }
- // Follow the rule of action batch
- if (batched) {
- eventObj = {
- type: actionInfo.event || payloadType,
- escapeConnect: escapeConnect,
- batch: eventObjBatch
- };
- } else {
- eventObj = eventObjBatch[0];
- }
- this[IN_MAIN_PROCESS_KEY] = false;
- if (!silent) {
- var messageCenter = this._messageCenter;
- messageCenter.trigger(eventObj.type, eventObj);
- // Extra triggered 'selectchanged' event
- if (isSelectChange) {
- var newObj = {
- type: 'selectchanged',
- escapeConnect: escapeConnect,
- selected: getAllSelectedIndices(ecModel),
- isFromClick: payload.isFromClick || false,
- fromAction: payload.type,
- fromActionPayload: payload
- };
- messageCenter.trigger(newObj.type, newObj);
- }
- }
- };
- flushPendingActions = function (silent) {
- var pendingActions = this._pendingActions;
- while (pendingActions.length) {
- var payload = pendingActions.shift();
- doDispatchAction.call(this, payload, silent);
- }
- };
- triggerUpdatedEvent = function (silent) {
- !silent && this.trigger('updated');
- };
- /**
- * Event `rendered` is triggered when zr
- * rendered. It is useful for realtime
- * snapshot (reflect animation).
- *
- * Event `finished` is triggered when:
- * (1) zrender rendering finished.
- * (2) initial animation finished.
- * (3) progressive rendering finished.
- * (4) no pending action.
- * (5) no delayed setOption needs to be processed.
- */
- bindRenderedEvent = function (zr, ecIns) {
- zr.on('rendered', function (params) {
- ecIns.trigger('rendered', params);
- // The `finished` event should not be triggered repeatedly,
- // so it should only be triggered when rendering indeed happens
- // in zrender. (Consider the case that dipatchAction is keep
- // triggering when mouse move).
- if (
- // Although zr is dirty if initial animation is not finished
- // and this checking is called on frame, we also check
- // animation finished for robustness.
- zr.animation.isFinished() && !ecIns[PENDING_UPDATE] && !ecIns._scheduler.unfinished && !ecIns._pendingActions.length) {
- ecIns.trigger('finished');
- }
- });
- };
- bindMouseEvent = function (zr, ecIns) {
- zr.on('mouseover', function (e) {
- var el = e.target;
- var dispatcher = findEventDispatcher(el, isHighDownDispatcher);
- if (dispatcher) {
- handleGlobalMouseOverForHighDown(dispatcher, e, ecIns._api);
- markStatusToUpdate(ecIns);
- }
- }).on('mouseout', function (e) {
- var el = e.target;
- var dispatcher = findEventDispatcher(el, isHighDownDispatcher);
- if (dispatcher) {
- handleGlobalMouseOutForHighDown(dispatcher, e, ecIns._api);
- markStatusToUpdate(ecIns);
- }
- }).on('click', function (e) {
- var el = e.target;
- var dispatcher = findEventDispatcher(el, function (target) {
- return getECData(target).dataIndex != null;
- }, true);
- if (dispatcher) {
- var actionType = dispatcher.selected ? 'unselect' : 'select';
- var ecData = getECData(dispatcher);
- ecIns._api.dispatchAction({
- type: actionType,
- dataType: ecData.dataType,
- dataIndexInside: ecData.dataIndex,
- seriesIndex: ecData.seriesIndex,
- isFromClick: true
- });
- }
- });
- };
- function clearColorPalette(ecModel) {
- ecModel.clearColorPalette();
- ecModel.eachSeries(function (seriesModel) {
- seriesModel.clearColorPalette();
- });
- }
- // Allocate zlevels for series and components
- function allocateZlevels(ecModel) {
- var componentZLevels = [];
- var seriesZLevels = [];
- var hasSeparateZLevel = false;
- ecModel.eachComponent(function (componentType, componentModel) {
- var zlevel = componentModel.get('zlevel') || 0;
- var z = componentModel.get('z') || 0;
- var zlevelKey = componentModel.getZLevelKey();
- hasSeparateZLevel = hasSeparateZLevel || !!zlevelKey;
- (componentType === 'series' ? seriesZLevels : componentZLevels).push({
- zlevel: zlevel,
- z: z,
- idx: componentModel.componentIndex,
- type: componentType,
- key: zlevelKey
- });
- });
- if (hasSeparateZLevel) {
- // Series after component
- var zLevels = componentZLevels.concat(seriesZLevels);
- var lastSeriesZLevel_1;
- var lastSeriesKey_1;
- sort(zLevels, function (a, b) {
- if (a.zlevel === b.zlevel) {
- return a.z - b.z;
- }
- return a.zlevel - b.zlevel;
- });
- each(zLevels, function (item) {
- var componentModel = ecModel.getComponent(item.type, item.idx);
- var zlevel = item.zlevel;
- var key = item.key;
- if (lastSeriesZLevel_1 != null) {
- zlevel = Math.max(lastSeriesZLevel_1, zlevel);
- }
- if (key) {
- if (zlevel === lastSeriesZLevel_1 && key !== lastSeriesKey_1) {
- zlevel++;
- }
- lastSeriesKey_1 = key;
- } else if (lastSeriesKey_1) {
- if (zlevel === lastSeriesZLevel_1) {
- zlevel++;
- }
- lastSeriesKey_1 = '';
- }
- lastSeriesZLevel_1 = zlevel;
- componentModel.setZLevel(zlevel);
- });
- }
- }
- render = function (ecIns, ecModel, api, payload, updateParams) {
- allocateZlevels(ecModel);
- renderComponents(ecIns, ecModel, api, payload, updateParams);
- each(ecIns._chartsViews, function (chart) {
- chart.__alive = false;
- });
- renderSeries(ecIns, ecModel, api, payload, updateParams);
- // Remove groups of unrendered charts
- each(ecIns._chartsViews, function (chart) {
- if (!chart.__alive) {
- chart.remove(ecModel, api);
- }
- });
- };
- renderComponents = function (ecIns, ecModel, api, payload, updateParams, dirtyList) {
- each(dirtyList || ecIns._componentsViews, function (componentView) {
- var componentModel = componentView.__model;
- clearStates(componentModel, componentView);
- componentView.render(componentModel, ecModel, api, payload);
- updateZ(componentModel, componentView);
- updateStates(componentModel, componentView);
- });
- };
- /**
- * Render each chart and component
- */
- renderSeries = function (ecIns, ecModel, api, payload, updateParams, dirtyMap) {
- // Render all charts
- var scheduler = ecIns._scheduler;
- updateParams = extend(updateParams || {}, {
- updatedSeries: ecModel.getSeries()
- });
- // TODO progressive?
- lifecycle.trigger('series:beforeupdate', ecModel, api, updateParams);
- var unfinished = false;
- ecModel.eachSeries(function (seriesModel) {
- var chartView = ecIns._chartsMap[seriesModel.__viewId];
- chartView.__alive = true;
- var renderTask = chartView.renderTask;
- scheduler.updatePayload(renderTask, payload);
- // TODO states on marker.
- clearStates(seriesModel, chartView);
- if (dirtyMap && dirtyMap.get(seriesModel.uid)) {
- renderTask.dirty();
- }
- if (renderTask.perform(scheduler.getPerformArgs(renderTask))) {
- unfinished = true;
- }
- chartView.group.silent = !!seriesModel.get('silent');
- // Should not call markRedraw on group, because it will disable zrender
- // incremental render (always render from the __startIndex each frame)
- // chartView.group.markRedraw();
- updateBlend(seriesModel, chartView);
- updateSeriesElementSelection(seriesModel);
- });
- scheduler.unfinished = unfinished || scheduler.unfinished;
- lifecycle.trigger('series:layoutlabels', ecModel, api, updateParams);
- // transition after label is layouted.
- lifecycle.trigger('series:transition', ecModel, api, updateParams);
- ecModel.eachSeries(function (seriesModel) {
- var chartView = ecIns._chartsMap[seriesModel.__viewId];
- // Update Z after labels updated. Before applying states.
- updateZ(seriesModel, chartView);
- // NOTE: Update states after label is updated.
- // label should be in normal status when layouting.
- updateStates(seriesModel, chartView);
- });
- // If use hover layer
- updateHoverLayerStatus(ecIns, ecModel);
- lifecycle.trigger('series:afterupdate', ecModel, api, updateParams);
- };
- markStatusToUpdate = function (ecIns) {
- ecIns[STATUS_NEEDS_UPDATE_KEY] = true;
- // Wake up zrender if it's sleep. Let it update states in the next frame.
- ecIns.getZr().wakeUp();
- };
- applyChangedStates = function (ecIns) {
- if (!ecIns[STATUS_NEEDS_UPDATE_KEY]) {
- return;
- }
- ecIns.getZr().storage.traverse(function (el) {
- // Not applied on removed elements, it may still in fading.
- if (isElementRemoved(el)) {
- return;
- }
- applyElementStates(el);
- });
- ecIns[STATUS_NEEDS_UPDATE_KEY] = false;
- };
- function applyElementStates(el) {
- var newStates = [];
- var oldStates = el.currentStates;
- // Keep other states.
- for (var i = 0; i < oldStates.length; i++) {
- var stateName = oldStates[i];
- if (!(stateName === 'emphasis' || stateName === 'blur' || stateName === 'select')) {
- newStates.push(stateName);
- }
- }
- // Only use states when it's exists.
- if (el.selected && el.states.select) {
- newStates.push('select');
- }
- if (el.hoverState === HOVER_STATE_EMPHASIS && el.states.emphasis) {
- newStates.push('emphasis');
- } else if (el.hoverState === HOVER_STATE_BLUR && el.states.blur) {
- newStates.push('blur');
- }
- el.useStates(newStates);
- }
- function updateHoverLayerStatus(ecIns, ecModel) {
- var zr = ecIns._zr;
- var storage = zr.storage;
- var elCount = 0;
- storage.traverse(function (el) {
- if (!el.isGroup) {
- elCount++;
- }
- });
- if (elCount > ecModel.get('hoverLayerThreshold') && !env.node && !env.worker) {
- ecModel.eachSeries(function (seriesModel) {
- if (seriesModel.preventUsingHoverLayer) {
- return;
- }
- var chartView = ecIns._chartsMap[seriesModel.__viewId];
- if (chartView.__alive) {
- chartView.eachRendered(function (el) {
- if (el.states.emphasis) {
- el.states.emphasis.hoverLayer = true;
- }
- });
- }
- });
- }
- }
- /**
- * Update chart and blend.
- */
- function updateBlend(seriesModel, chartView) {
- var blendMode = seriesModel.get('blendMode') || null;
- chartView.eachRendered(function (el) {
- // FIXME marker and other components
- if (!el.isGroup) {
- // DON'T mark the element dirty. In case element is incremental and don't want to rerender.
- el.style.blend = blendMode;
- }
- });
- }
- function updateZ(model, view) {
- if (model.preventAutoZ) {
- return;
- }
- var z = model.get('z') || 0;
- var zlevel = model.get('zlevel') || 0;
- // Set z and zlevel
- view.eachRendered(function (el) {
- doUpdateZ(el, z, zlevel, -Infinity);
- // Don't traverse the children because it has been traversed in _updateZ.
- return true;
- });
- }
- function doUpdateZ(el, z, zlevel, maxZ2) {
- // Group may also have textContent
- var label = el.getTextContent();
- var labelLine = el.getTextGuideLine();
- var isGroup = el.isGroup;
- if (isGroup) {
- // set z & zlevel of children elements of Group
- var children = el.childrenRef();
- for (var i = 0; i < children.length; i++) {
- maxZ2 = Math.max(doUpdateZ(children[i], z, zlevel, maxZ2), maxZ2);
- }
- } else {
- // not Group
- el.z = z;
- el.zlevel = zlevel;
- maxZ2 = Math.max(el.z2, maxZ2);
- }
- // always set z and zlevel if label/labelLine exists
- if (label) {
- label.z = z;
- label.zlevel = zlevel;
- // lift z2 of text content
- // TODO if el.emphasis.z2 is spcefied, what about textContent.
- isFinite(maxZ2) && (label.z2 = maxZ2 + 2);
- }
- if (labelLine) {
- var textGuideLineConfig = el.textGuideLineConfig;
- labelLine.z = z;
- labelLine.zlevel = zlevel;
- isFinite(maxZ2) && (labelLine.z2 = maxZ2 + (textGuideLineConfig && textGuideLineConfig.showAbove ? 1 : -1));
- }
- return maxZ2;
- }
- // Clear states without animation.
- // TODO States on component.
- function clearStates(model, view) {
- view.eachRendered(function (el) {
- // Not applied on removed elements, it may still in fading.
- if (isElementRemoved(el)) {
- return;
- }
- var textContent = el.getTextContent();
- var textGuide = el.getTextGuideLine();
- if (el.stateTransition) {
- el.stateTransition = null;
- }
- if (textContent && textContent.stateTransition) {
- textContent.stateTransition = null;
- }
- if (textGuide && textGuide.stateTransition) {
- textGuide.stateTransition = null;
- }
- // TODO If el is incremental.
- if (el.hasState()) {
- el.prevStates = el.currentStates;
- el.clearStates();
- } else if (el.prevStates) {
- el.prevStates = null;
- }
- });
- }
- function updateStates(model, view) {
- var stateAnimationModel = model.getModel('stateAnimation');
- var enableAnimation = model.isAnimationEnabled();
- var duration = stateAnimationModel.get('duration');
- var stateTransition = duration > 0 ? {
- duration: duration,
- delay: stateAnimationModel.get('delay'),
- easing: stateAnimationModel.get('easing')
- // additive: stateAnimationModel.get('additive')
- } : null;
- view.eachRendered(function (el) {
- if (el.states && el.states.emphasis) {
- // Not applied on removed elements, it may still in fading.
- if (isElementRemoved(el)) {
- return;
- }
- if (el instanceof Path) {
- savePathStates(el);
- }
- // Only updated on changed element. In case element is incremental and don't want to rerender.
- // TODO, a more proper way?
- if (el.__dirty) {
- var prevStates = el.prevStates;
- // Restore states without animation
- if (prevStates) {
- el.useStates(prevStates);
- }
- }
- // Update state transition and enable animation again.
- if (enableAnimation) {
- el.stateTransition = stateTransition;
- var textContent = el.getTextContent();
- var textGuide = el.getTextGuideLine();
- // TODO Is it necessary to animate label?
- if (textContent) {
- textContent.stateTransition = stateTransition;
- }
- if (textGuide) {
- textGuide.stateTransition = stateTransition;
- }
- }
- // Use highlighted and selected flag to toggle states.
- if (el.__dirty) {
- applyElementStates(el);
- }
- }
- });
- }
- createExtensionAPI = function (ecIns) {
- return new ( /** @class */function (_super) {
- __extends(class_1, _super);
- function class_1() {
- return _super !== null && _super.apply(this, arguments) || this;
- }
- class_1.prototype.getCoordinateSystems = function () {
- return ecIns._coordSysMgr.getCoordinateSystems();
- };
- class_1.prototype.getComponentByElement = function (el) {
- while (el) {
- var modelInfo = el.__ecComponentInfo;
- if (modelInfo != null) {
- return ecIns._model.getComponent(modelInfo.mainType, modelInfo.index);
- }
- el = el.parent;
- }
- };
- class_1.prototype.enterEmphasis = function (el, highlightDigit) {
- enterEmphasis(el, highlightDigit);
- markStatusToUpdate(ecIns);
- };
- class_1.prototype.leaveEmphasis = function (el, highlightDigit) {
- leaveEmphasis(el, highlightDigit);
- markStatusToUpdate(ecIns);
- };
- class_1.prototype.enterBlur = function (el) {
- enterBlur(el);
- markStatusToUpdate(ecIns);
- };
- class_1.prototype.leaveBlur = function (el) {
- leaveBlur(el);
- markStatusToUpdate(ecIns);
- };
- class_1.prototype.enterSelect = function (el) {
- enterSelect(el);
- markStatusToUpdate(ecIns);
- };
- class_1.prototype.leaveSelect = function (el) {
- leaveSelect(el);
- markStatusToUpdate(ecIns);
- };
- class_1.prototype.getModel = function () {
- return ecIns.getModel();
- };
- class_1.prototype.getViewOfComponentModel = function (componentModel) {
- return ecIns.getViewOfComponentModel(componentModel);
- };
- class_1.prototype.getViewOfSeriesModel = function (seriesModel) {
- return ecIns.getViewOfSeriesModel(seriesModel);
- };
- return class_1;
- }(ExtensionAPI))(ecIns);
- };
- enableConnect = function (chart) {
- function updateConnectedChartsStatus(charts, status) {
- for (var i = 0; i < charts.length; i++) {
- var otherChart = charts[i];
- otherChart[CONNECT_STATUS_KEY] = status;
- }
- }
- each(eventActionMap, function (actionType, eventType) {
- chart._messageCenter.on(eventType, function (event) {
- if (connectedGroups[chart.group] && chart[CONNECT_STATUS_KEY] !== CONNECT_STATUS_PENDING) {
- if (event && event.escapeConnect) {
- return;
- }
- var action_1 = chart.makeActionFromEvent(event);
- var otherCharts_1 = [];
- each(instances$1, function (otherChart) {
- if (otherChart !== chart && otherChart.group === chart.group) {
- otherCharts_1.push(otherChart);
- }
- });
- updateConnectedChartsStatus(otherCharts_1, CONNECT_STATUS_PENDING);
- each(otherCharts_1, function (otherChart) {
- if (otherChart[CONNECT_STATUS_KEY] !== CONNECT_STATUS_UPDATING) {
- otherChart.dispatchAction(action_1);
- }
- });
- updateConnectedChartsStatus(otherCharts_1, CONNECT_STATUS_UPDATED);
- }
- });
- });
- };
- }();
- return ECharts;
- }(Eventful);
- var echartsProto = ECharts.prototype;
- echartsProto.on = createRegisterEventWithLowercaseECharts('on');
- echartsProto.off = createRegisterEventWithLowercaseECharts('off');
- /**
- * @deprecated
- */
- // @ts-ignore
- echartsProto.one = function (eventName, cb, ctx) {
- var self = this;
- deprecateLog('ECharts#one is deprecated.');
- function wrapped() {
- var args2 = [];
- for (var _i = 0; _i < arguments.length; _i++) {
- args2[_i] = arguments[_i];
- }
- cb && cb.apply && cb.apply(this, args2);
- // @ts-ignore
- self.off(eventName, wrapped);
- }
- // @ts-ignore
- this.on.call(this, eventName, wrapped, ctx);
- };
- var MOUSE_EVENT_NAMES = ['click', 'dblclick', 'mouseover', 'mouseout', 'mousemove', 'mousedown', 'mouseup', 'globalout', 'contextmenu'];
- function disposedWarning(id) {
- if ("development" !== 'production') {
- warn('Instance ' + id + ' has been disposed');
- }
- }
- var actions = {};
- /**
- * Map eventType to actionType
- */
- var eventActionMap = {};
- var dataProcessorFuncs = [];
- var optionPreprocessorFuncs = [];
- var visualFuncs = [];
- var themeStorage = {};
- var loadingEffects = {};
- var instances$1 = {};
- var connectedGroups = {};
- var idBase = +new Date() - 0;
- var groupIdBase = +new Date() - 0;
- var DOM_ATTRIBUTE_KEY = '_echarts_instance_';
- /**
- * @param opts.devicePixelRatio Use window.devicePixelRatio by default
- * @param opts.renderer Can choose 'canvas' or 'svg' to render the chart.
- * @param opts.width Use clientWidth of the input `dom` by default.
- * Can be 'auto' (the same as null/undefined)
- * @param opts.height Use clientHeight of the input `dom` by default.
- * Can be 'auto' (the same as null/undefined)
- * @param opts.locale Specify the locale.
- * @param opts.useDirtyRect Enable dirty rectangle rendering or not.
- */
- function init$1(dom, theme, opts) {
- var isClient = !(opts && opts.ssr);
- if (isClient) {
- if ("development" !== 'production') {
- if (!dom) {
- throw new Error('Initialize failed: invalid dom.');
- }
- }
- var existInstance = getInstanceByDom(dom);
- if (existInstance) {
- if ("development" !== 'production') {
- warn('There is a chart instance already initialized on the dom.');
- }
- return existInstance;
- }
- if ("development" !== 'production') {
- if (isDom(dom) && dom.nodeName.toUpperCase() !== 'CANVAS' && (!dom.clientWidth && (!opts || opts.width == null) || !dom.clientHeight && (!opts || opts.height == null))) {
- warn('Can\'t get DOM width or height. Please check ' + 'dom.clientWidth and dom.clientHeight. They should not be 0.' + 'For example, you may need to call this in the callback ' + 'of window.onload.');
- }
- }
- }
- var chart = new ECharts(dom, theme, opts);
- chart.id = 'ec_' + idBase++;
- instances$1[chart.id] = chart;
- isClient && setAttribute(dom, DOM_ATTRIBUTE_KEY, chart.id);
- enableConnect(chart);
- lifecycle.trigger('afterinit', chart);
- return chart;
- }
- /**
- * @usage
- * (A)
- * ```js
- * let chart1 = echarts.init(dom1);
- * let chart2 = echarts.init(dom2);
- * chart1.group = 'xxx';
- * chart2.group = 'xxx';
- * echarts.connect('xxx');
- * ```
- * (B)
- * ```js
- * let chart1 = echarts.init(dom1);
- * let chart2 = echarts.init(dom2);
- * echarts.connect('xxx', [chart1, chart2]);
- * ```
- */
- function connect(groupId) {
- // Is array of charts
- if (isArray(groupId)) {
- var charts = groupId;
- groupId = null;
- // If any chart has group
- each(charts, function (chart) {
- if (chart.group != null) {
- groupId = chart.group;
- }
- });
- groupId = groupId || 'g_' + groupIdBase++;
- each(charts, function (chart) {
- chart.group = groupId;
- });
- }
- connectedGroups[groupId] = true;
- return groupId;
- }
- function disconnect(groupId) {
- connectedGroups[groupId] = false;
- }
- /**
- * Alias and backward compatibility
- * @deprecated
- */
- var disConnect = disconnect;
- /**
- * Dispose a chart instance
- */
- function dispose$1(chart) {
- if (isString(chart)) {
- chart = instances$1[chart];
- } else if (!(chart instanceof ECharts)) {
- // Try to treat as dom
- chart = getInstanceByDom(chart);
- }
- if (chart instanceof ECharts && !chart.isDisposed()) {
- chart.dispose();
- }
- }
- function getInstanceByDom(dom) {
- return instances$1[getAttribute(dom, DOM_ATTRIBUTE_KEY)];
- }
- function getInstanceById(key) {
- return instances$1[key];
- }
- /**
- * Register theme
- */
- function registerTheme(name, theme) {
- themeStorage[name] = theme;
- }
- /**
- * Register option preprocessor
- */
- function registerPreprocessor(preprocessorFunc) {
- if (indexOf(optionPreprocessorFuncs, preprocessorFunc) < 0) {
- optionPreprocessorFuncs.push(preprocessorFunc);
- }
- }
- function registerProcessor(priority, processor) {
- normalizeRegister(dataProcessorFuncs, priority, processor, PRIORITY_PROCESSOR_DEFAULT);
- }
- /**
- * Register postIniter
- * @param {Function} postInitFunc
- */
- function registerPostInit(postInitFunc) {
- registerUpdateLifecycle('afterinit', postInitFunc);
- }
- /**
- * Register postUpdater
- * @param {Function} postUpdateFunc
- */
- function registerPostUpdate(postUpdateFunc) {
- registerUpdateLifecycle('afterupdate', postUpdateFunc);
- }
- function registerUpdateLifecycle(name, cb) {
- lifecycle.on(name, cb);
- }
- function registerAction(actionInfo, eventName, action) {
- if (isFunction(eventName)) {
- action = eventName;
- eventName = '';
- }
- var actionType = isObject(actionInfo) ? actionInfo.type : [actionInfo, actionInfo = {
- event: eventName
- }][0];
- // Event name is all lowercase
- actionInfo.event = (actionInfo.event || actionType).toLowerCase();
- eventName = actionInfo.event;
- if (eventActionMap[eventName]) {
- // Already registered.
- return;
- }
- // Validate action type and event name.
- assert(ACTION_REG.test(actionType) && ACTION_REG.test(eventName));
- if (!actions[actionType]) {
- actions[actionType] = {
- action: action,
- actionInfo: actionInfo
- };
- }
- eventActionMap[eventName] = actionType;
- }
- function registerCoordinateSystem(type, coordSysCreator) {
- CoordinateSystemManager.register(type, coordSysCreator);
- }
- /**
- * Get dimensions of specified coordinate system.
- * @param {string} type
- * @return {Array.}
- */
- function getCoordinateSystemDimensions(type) {
- var coordSysCreator = CoordinateSystemManager.get(type);
- if (coordSysCreator) {
- return coordSysCreator.getDimensionsInfo ? coordSysCreator.getDimensionsInfo() : coordSysCreator.dimensions.slice();
- }
- }
- function registerLayout(priority, layoutTask) {
- normalizeRegister(visualFuncs, priority, layoutTask, PRIORITY_VISUAL_LAYOUT, 'layout');
- }
- function registerVisual(priority, visualTask) {
- normalizeRegister(visualFuncs, priority, visualTask, PRIORITY_VISUAL_CHART, 'visual');
- }
- var registeredTasks = [];
- function normalizeRegister(targetList, priority, fn, defaultPriority, visualType) {
- if (isFunction(priority) || isObject(priority)) {
- fn = priority;
- priority = defaultPriority;
- }
- if ("development" !== 'production') {
- if (isNaN(priority) || priority == null) {
- throw new Error('Illegal priority');
- }
- // Check duplicate
- each(targetList, function (wrap) {
- assert(wrap.__raw !== fn);
- });
- }
- // Already registered
- if (indexOf(registeredTasks, fn) >= 0) {
- return;
- }
- registeredTasks.push(fn);
- var stageHandler = Scheduler.wrapStageHandler(fn, visualType);
- stageHandler.__prio = priority;
- stageHandler.__raw = fn;
- targetList.push(stageHandler);
- }
- function registerLoading(name, loadingFx) {
- loadingEffects[name] = loadingFx;
- }
- /**
- * ZRender need a canvas context to do measureText.
- * But in node environment canvas may be created by node-canvas.
- * So we need to specify how to create a canvas instead of using document.createElement('canvas')
- *
- *
- * @deprecated use setPlatformAPI({ createCanvas }) instead.
- *
- * @example
- * let Canvas = require('canvas');
- * let echarts = require('echarts');
- * echarts.setCanvasCreator(function () {
- * // Small size is enough.
- * return new Canvas(32, 32);
- * });
- */
- function setCanvasCreator(creator) {
- if ("development" !== 'production') {
- deprecateLog('setCanvasCreator is deprecated. Use setPlatformAPI({ createCanvas }) instead.');
- }
- setPlatformAPI({
- createCanvas: creator
- });
- }
- /**
- * The parameters and usage: see `geoSourceManager.registerMap`.
- * Compatible with previous `echarts.registerMap`.
- */
- function registerMap(mapName, geoJson, specialAreas) {
- var registerMap = getImpl('registerMap');
- registerMap && registerMap(mapName, geoJson, specialAreas);
- }
- function getMap(mapName) {
- var getMap = getImpl('getMap');
- return getMap && getMap(mapName);
- }
- var registerTransform = registerExternalTransform;
- /**
- * Globa dispatchAction to a specified chart instance.
- */
- // export function dispatchAction(payload: { chartId: string } & Payload, opt?: Parameters[1]) {
- // if (!payload || !payload.chartId) {
- // // Must have chartId to find chart
- // return;
- // }
- // const chart = instances[payload.chartId];
- // if (chart) {
- // chart.dispatchAction(payload, opt);
- // }
- // }
- // Builtin global visual
- registerVisual(PRIORITY_VISUAL_GLOBAL, seriesStyleTask);
- registerVisual(PRIORITY_VISUAL_CHART_DATA_CUSTOM, dataStyleTask);
- registerVisual(PRIORITY_VISUAL_CHART_DATA_CUSTOM, dataColorPaletteTask);
- registerVisual(PRIORITY_VISUAL_GLOBAL, seriesSymbolTask);
- registerVisual(PRIORITY_VISUAL_CHART_DATA_CUSTOM, dataSymbolTask);
- registerVisual(PRIORITY_VISUAL_DECAL, decalVisual);
- registerPreprocessor(globalBackwardCompat);
- registerProcessor(PRIORITY_PROCESSOR_DATASTACK, dataStack);
- registerLoading('default', defaultLoading);
- // Default actions
- registerAction({
- type: HIGHLIGHT_ACTION_TYPE,
- event: HIGHLIGHT_ACTION_TYPE,
- update: HIGHLIGHT_ACTION_TYPE
- }, noop);
- registerAction({
- type: DOWNPLAY_ACTION_TYPE,
- event: DOWNPLAY_ACTION_TYPE,
- update: DOWNPLAY_ACTION_TYPE
- }, noop);
- registerAction({
- type: SELECT_ACTION_TYPE,
- event: SELECT_ACTION_TYPE,
- update: SELECT_ACTION_TYPE
- }, noop);
- registerAction({
- type: UNSELECT_ACTION_TYPE,
- event: UNSELECT_ACTION_TYPE,
- update: UNSELECT_ACTION_TYPE
- }, noop);
- registerAction({
- type: TOGGLE_SELECT_ACTION_TYPE,
- event: TOGGLE_SELECT_ACTION_TYPE,
- update: TOGGLE_SELECT_ACTION_TYPE
- }, noop);
- // Default theme
- registerTheme('light', lightTheme);
- registerTheme('dark', theme);
- // For backward compatibility, where the namespace `dataTool` will
- // be mounted on `echarts` is the extension `dataTool` is imported.
- var dataTool = {};
-
- var extensions = [];
- var extensionRegisters = {
- registerPreprocessor: registerPreprocessor,
- registerProcessor: registerProcessor,
- registerPostInit: registerPostInit,
- registerPostUpdate: registerPostUpdate,
- registerUpdateLifecycle: registerUpdateLifecycle,
- registerAction: registerAction,
- registerCoordinateSystem: registerCoordinateSystem,
- registerLayout: registerLayout,
- registerVisual: registerVisual,
- registerTransform: registerTransform,
- registerLoading: registerLoading,
- registerMap: registerMap,
- registerImpl: registerImpl,
- PRIORITY: PRIORITY,
- ComponentModel: ComponentModel,
- ComponentView: ComponentView,
- SeriesModel: SeriesModel,
- ChartView: ChartView,
- // TODO Use ComponentModel and SeriesModel instead of Constructor
- registerComponentModel: function (ComponentModelClass) {
- ComponentModel.registerClass(ComponentModelClass);
- },
- registerComponentView: function (ComponentViewClass) {
- ComponentView.registerClass(ComponentViewClass);
- },
- registerSeriesModel: function (SeriesModelClass) {
- SeriesModel.registerClass(SeriesModelClass);
- },
- registerChartView: function (ChartViewClass) {
- ChartView.registerClass(ChartViewClass);
- },
- registerSubTypeDefaulter: function (componentType, defaulter) {
- ComponentModel.registerSubTypeDefaulter(componentType, defaulter);
- },
- registerPainter: function (painterType, PainterCtor) {
- registerPainter(painterType, PainterCtor);
- }
- };
- function use(ext) {
- if (isArray(ext)) {
- // use([ChartLine, ChartBar]);
- each(ext, function (singleExt) {
- use(singleExt);
- });
- return;
- }
- if (indexOf(extensions, ext) >= 0) {
- return;
- }
- extensions.push(ext);
- if (isFunction(ext)) {
- ext = {
- install: ext
- };
- }
- ext.install(extensionRegisters);
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- function dataIndexMapValueLength(valNumOrArrLengthMoreThan2) {
- return valNumOrArrLengthMoreThan2 == null ? 0 : valNumOrArrLengthMoreThan2.length || 1;
- }
- function defaultKeyGetter(item) {
- return item;
- }
- var DataDiffer = /** @class */function () {
- /**
- * @param context Can be visited by this.context in callback.
- */
- function DataDiffer(oldArr, newArr, oldKeyGetter, newKeyGetter, context,
- // By default: 'oneToOne'.
- diffMode) {
- this._old = oldArr;
- this._new = newArr;
- this._oldKeyGetter = oldKeyGetter || defaultKeyGetter;
- this._newKeyGetter = newKeyGetter || defaultKeyGetter;
- // Visible in callback via `this.context`;
- this.context = context;
- this._diffModeMultiple = diffMode === 'multiple';
- }
- /**
- * Callback function when add a data
- */
- DataDiffer.prototype.add = function (func) {
- this._add = func;
- return this;
- };
- /**
- * Callback function when update a data
- */
- DataDiffer.prototype.update = function (func) {
- this._update = func;
- return this;
- };
- /**
- * Callback function when update a data and only work in `cbMode: 'byKey'`.
- */
- DataDiffer.prototype.updateManyToOne = function (func) {
- this._updateManyToOne = func;
- return this;
- };
- /**
- * Callback function when update a data and only work in `cbMode: 'byKey'`.
- */
- DataDiffer.prototype.updateOneToMany = function (func) {
- this._updateOneToMany = func;
- return this;
- };
- /**
- * Callback function when update a data and only work in `cbMode: 'byKey'`.
- */
- DataDiffer.prototype.updateManyToMany = function (func) {
- this._updateManyToMany = func;
- return this;
- };
- /**
- * Callback function when remove a data
- */
- DataDiffer.prototype.remove = function (func) {
- this._remove = func;
- return this;
- };
- DataDiffer.prototype.execute = function () {
- this[this._diffModeMultiple ? '_executeMultiple' : '_executeOneToOne']();
- };
- DataDiffer.prototype._executeOneToOne = function () {
- var oldArr = this._old;
- var newArr = this._new;
- var newDataIndexMap = {};
- var oldDataKeyArr = new Array(oldArr.length);
- var newDataKeyArr = new Array(newArr.length);
- this._initIndexMap(oldArr, null, oldDataKeyArr, '_oldKeyGetter');
- this._initIndexMap(newArr, newDataIndexMap, newDataKeyArr, '_newKeyGetter');
- for (var i = 0; i < oldArr.length; i++) {
- var oldKey = oldDataKeyArr[i];
- var newIdxMapVal = newDataIndexMap[oldKey];
- var newIdxMapValLen = dataIndexMapValueLength(newIdxMapVal);
- // idx can never be empty array here. see 'set null' logic below.
- if (newIdxMapValLen > 1) {
- // Consider there is duplicate key (for example, use dataItem.name as key).
- // We should make sure every item in newArr and oldArr can be visited.
- var newIdx = newIdxMapVal.shift();
- if (newIdxMapVal.length === 1) {
- newDataIndexMap[oldKey] = newIdxMapVal[0];
- }
- this._update && this._update(newIdx, i);
- } else if (newIdxMapValLen === 1) {
- newDataIndexMap[oldKey] = null;
- this._update && this._update(newIdxMapVal, i);
- } else {
- this._remove && this._remove(i);
- }
- }
- this._performRestAdd(newDataKeyArr, newDataIndexMap);
- };
- /**
- * For example, consider the case:
- * oldData: [o0, o1, o2, o3, o4, o5, o6, o7],
- * newData: [n0, n1, n2, n3, n4, n5, n6, n7, n8],
- * Where:
- * o0, o1, n0 has key 'a' (many to one)
- * o5, n4, n5, n6 has key 'b' (one to many)
- * o2, n1 has key 'c' (one to one)
- * n2, n3 has key 'd' (add)
- * o3, o4 has key 'e' (remove)
- * o6, o7, n7, n8 has key 'f' (many to many, treated as add and remove)
- * Then:
- * (The order of the following directives are not ensured.)
- * this._updateManyToOne(n0, [o0, o1]);
- * this._updateOneToMany([n4, n5, n6], o5);
- * this._update(n1, o2);
- * this._remove(o3);
- * this._remove(o4);
- * this._remove(o6);
- * this._remove(o7);
- * this._add(n2);
- * this._add(n3);
- * this._add(n7);
- * this._add(n8);
- */
- DataDiffer.prototype._executeMultiple = function () {
- var oldArr = this._old;
- var newArr = this._new;
- var oldDataIndexMap = {};
- var newDataIndexMap = {};
- var oldDataKeyArr = [];
- var newDataKeyArr = [];
- this._initIndexMap(oldArr, oldDataIndexMap, oldDataKeyArr, '_oldKeyGetter');
- this._initIndexMap(newArr, newDataIndexMap, newDataKeyArr, '_newKeyGetter');
- for (var i = 0; i < oldDataKeyArr.length; i++) {
- var oldKey = oldDataKeyArr[i];
- var oldIdxMapVal = oldDataIndexMap[oldKey];
- var newIdxMapVal = newDataIndexMap[oldKey];
- var oldIdxMapValLen = dataIndexMapValueLength(oldIdxMapVal);
- var newIdxMapValLen = dataIndexMapValueLength(newIdxMapVal);
- if (oldIdxMapValLen > 1 && newIdxMapValLen === 1) {
- this._updateManyToOne && this._updateManyToOne(newIdxMapVal, oldIdxMapVal);
- newDataIndexMap[oldKey] = null;
- } else if (oldIdxMapValLen === 1 && newIdxMapValLen > 1) {
- this._updateOneToMany && this._updateOneToMany(newIdxMapVal, oldIdxMapVal);
- newDataIndexMap[oldKey] = null;
- } else if (oldIdxMapValLen === 1 && newIdxMapValLen === 1) {
- this._update && this._update(newIdxMapVal, oldIdxMapVal);
- newDataIndexMap[oldKey] = null;
- } else if (oldIdxMapValLen > 1 && newIdxMapValLen > 1) {
- this._updateManyToMany && this._updateManyToMany(newIdxMapVal, oldIdxMapVal);
- newDataIndexMap[oldKey] = null;
- } else if (oldIdxMapValLen > 1) {
- for (var i_1 = 0; i_1 < oldIdxMapValLen; i_1++) {
- this._remove && this._remove(oldIdxMapVal[i_1]);
- }
- } else {
- this._remove && this._remove(oldIdxMapVal);
- }
- }
- this._performRestAdd(newDataKeyArr, newDataIndexMap);
- };
- DataDiffer.prototype._performRestAdd = function (newDataKeyArr, newDataIndexMap) {
- for (var i = 0; i < newDataKeyArr.length; i++) {
- var newKey = newDataKeyArr[i];
- var newIdxMapVal = newDataIndexMap[newKey];
- var idxMapValLen = dataIndexMapValueLength(newIdxMapVal);
- if (idxMapValLen > 1) {
- for (var j = 0; j < idxMapValLen; j++) {
- this._add && this._add(newIdxMapVal[j]);
- }
- } else if (idxMapValLen === 1) {
- this._add && this._add(newIdxMapVal);
- }
- // Support both `newDataKeyArr` are duplication removed or not removed.
- newDataIndexMap[newKey] = null;
- }
- };
- DataDiffer.prototype._initIndexMap = function (arr,
- // Can be null.
- map,
- // In 'byKey', the output `keyArr` is duplication removed.
- // In 'byIndex', the output `keyArr` is not duplication removed and
- // its indices are accurately corresponding to `arr`.
- keyArr, keyGetterName) {
- var cbModeMultiple = this._diffModeMultiple;
- for (var i = 0; i < arr.length; i++) {
- // Add prefix to avoid conflict with Object.prototype.
- var key = '_ec_' + this[keyGetterName](arr[i], i);
- if (!cbModeMultiple) {
- keyArr[i] = key;
- }
- if (!map) {
- continue;
- }
- var idxMapVal = map[key];
- var idxMapValLen = dataIndexMapValueLength(idxMapVal);
- if (idxMapValLen === 0) {
- // Simple optimize: in most cases, one index has one key,
- // do not need array.
- map[key] = i;
- if (cbModeMultiple) {
- keyArr.push(key);
- }
- } else if (idxMapValLen === 1) {
- map[key] = [idxMapVal, i];
- } else {
- idxMapVal.push(i);
- }
- }
- };
- return DataDiffer;
- }();
-
- var DimensionUserOuput = /** @class */function () {
- function DimensionUserOuput(encode, dimRequest) {
- this._encode = encode;
- this._schema = dimRequest;
- }
- DimensionUserOuput.prototype.get = function () {
- return {
- // Do not generate full dimension name until fist used.
- fullDimensions: this._getFullDimensionNames(),
- encode: this._encode
- };
- };
- /**
- * Get all data store dimension names.
- * Theoretically a series data store is defined both by series and used dataset (if any).
- * If some dimensions are omitted for performance reason in `this.dimensions`,
- * the dimension name may not be auto-generated if user does not specify a dimension name.
- * In this case, the dimension name is `null`/`undefined`.
- */
- DimensionUserOuput.prototype._getFullDimensionNames = function () {
- if (!this._cachedDimNames) {
- this._cachedDimNames = this._schema ? this._schema.makeOutputDimensionNames() : [];
- }
- return this._cachedDimNames;
- };
- return DimensionUserOuput;
- }();
- function summarizeDimensions(data, schema) {
- var summary = {};
- var encode = summary.encode = {};
- var notExtraCoordDimMap = createHashMap();
- var defaultedLabel = [];
- var defaultedTooltip = [];
- var userOutputEncode = {};
- each(data.dimensions, function (dimName) {
- var dimItem = data.getDimensionInfo(dimName);
- var coordDim = dimItem.coordDim;
- if (coordDim) {
- if ("development" !== 'production') {
- assert(VISUAL_DIMENSIONS.get(coordDim) == null);
- }
- var coordDimIndex = dimItem.coordDimIndex;
- getOrCreateEncodeArr(encode, coordDim)[coordDimIndex] = dimName;
- if (!dimItem.isExtraCoord) {
- notExtraCoordDimMap.set(coordDim, 1);
- // Use the last coord dim (and label friendly) as default label,
- // because when dataset is used, it is hard to guess which dimension
- // can be value dimension. If both show x, y on label is not look good,
- // and conventionally y axis is focused more.
- if (mayLabelDimType(dimItem.type)) {
- defaultedLabel[0] = dimName;
- }
- // User output encode do not contain generated coords.
- // And it only has index. User can use index to retrieve value from the raw item array.
- getOrCreateEncodeArr(userOutputEncode, coordDim)[coordDimIndex] = data.getDimensionIndex(dimItem.name);
- }
- if (dimItem.defaultTooltip) {
- defaultedTooltip.push(dimName);
- }
- }
- VISUAL_DIMENSIONS.each(function (v, otherDim) {
- var encodeArr = getOrCreateEncodeArr(encode, otherDim);
- var dimIndex = dimItem.otherDims[otherDim];
- if (dimIndex != null && dimIndex !== false) {
- encodeArr[dimIndex] = dimItem.name;
- }
- });
- });
- var dataDimsOnCoord = [];
- var encodeFirstDimNotExtra = {};
- notExtraCoordDimMap.each(function (v, coordDim) {
- var dimArr = encode[coordDim];
- encodeFirstDimNotExtra[coordDim] = dimArr[0];
- // Not necessary to remove duplicate, because a data
- // dim canot on more than one coordDim.
- dataDimsOnCoord = dataDimsOnCoord.concat(dimArr);
- });
- summary.dataDimsOnCoord = dataDimsOnCoord;
- summary.dataDimIndicesOnCoord = map(dataDimsOnCoord, function (dimName) {
- return data.getDimensionInfo(dimName).storeDimIndex;
- });
- summary.encodeFirstDimNotExtra = encodeFirstDimNotExtra;
- var encodeLabel = encode.label;
- // FIXME `encode.label` is not recommended, because formatter cannot be set
- // in this way. Use label.formatter instead. Maybe remove this approach someday.
- if (encodeLabel && encodeLabel.length) {
- defaultedLabel = encodeLabel.slice();
- }
- var encodeTooltip = encode.tooltip;
- if (encodeTooltip && encodeTooltip.length) {
- defaultedTooltip = encodeTooltip.slice();
- } else if (!defaultedTooltip.length) {
- defaultedTooltip = defaultedLabel.slice();
- }
- encode.defaultedLabel = defaultedLabel;
- encode.defaultedTooltip = defaultedTooltip;
- summary.userOutput = new DimensionUserOuput(userOutputEncode, schema);
- return summary;
- }
- function getOrCreateEncodeArr(encode, dim) {
- if (!encode.hasOwnProperty(dim)) {
- encode[dim] = [];
- }
- return encode[dim];
- }
- // FIXME:TS should be type `AxisType`
- function getDimensionTypeByAxis(axisType) {
- return axisType === 'category' ? 'ordinal' : axisType === 'time' ? 'time' : 'float';
- }
- function mayLabelDimType(dimType) {
- // In most cases, ordinal and time do not suitable for label.
- // Ordinal info can be displayed on axis. Time is too long.
- return !(dimType === 'ordinal' || dimType === 'time');
- }
- // function findTheLastDimMayLabel(data) {
- // // Get last value dim
- // let dimensions = data.dimensions.slice();
- // let valueType;
- // let valueDim;
- // while (dimensions.length && (
- // valueDim = dimensions.pop(),
- // valueType = data.getDimensionInfo(valueDim).type,
- // valueType === 'ordinal' || valueType === 'time'
- // )) {} // jshint ignore:line
- // return valueDim;
- // }
-
- var SeriesDimensionDefine = /** @class */function () {
- /**
- * @param opt All of the fields will be shallow copied.
- */
- function SeriesDimensionDefine(opt) {
- /**
- * The format of `otherDims` is:
- * ```js
- * {
- * tooltip?: number
- * label?: number
- * itemName?: number
- * seriesName?: number
- * }
- * ```
- *
- * A `series.encode` can specified these fields:
- * ```js
- * encode: {
- * // "3, 1, 5" is the index of data dimension.
- * tooltip: [3, 1, 5],
- * label: [0, 3],
- * ...
- * }
- * ```
- * `otherDims` is the parse result of the `series.encode` above, like:
- * ```js
- * // Suppose the index of this data dimension is `3`.
- * this.otherDims = {
- * // `3` is at the index `0` of the `encode.tooltip`
- * tooltip: 0,
- * // `3` is at the index `1` of the `encode.label`
- * label: 1
- * };
- * ```
- *
- * This prop should never be `null`/`undefined` after initialized.
- */
- this.otherDims = {};
- if (opt != null) {
- extend(this, opt);
- }
- }
- return SeriesDimensionDefine;
- }();
-
- var inner$4 = makeInner();
- var dimTypeShort = {
- float: 'f',
- int: 'i',
- ordinal: 'o',
- number: 'n',
- time: 't'
- };
- /**
- * Represents the dimension requirement of a series.
- *
- * NOTICE:
- * When there are too many dimensions in dataset and many series, only the used dimensions
- * (i.e., used by coord sys and declared in `series.encode`) are add to `dimensionDefineList`.
- * But users may query data by other unused dimension names.
- * In this case, users can only query data if and only if they have defined dimension names
- * via ec option, so we provide `getDimensionIndexFromSource`, which only query them from
- * `source` dimensions.
- */
- var SeriesDataSchema = /** @class */function () {
- function SeriesDataSchema(opt) {
- this.dimensions = opt.dimensions;
- this._dimOmitted = opt.dimensionOmitted;
- this.source = opt.source;
- this._fullDimCount = opt.fullDimensionCount;
- this._updateDimOmitted(opt.dimensionOmitted);
- }
- SeriesDataSchema.prototype.isDimensionOmitted = function () {
- return this._dimOmitted;
- };
- SeriesDataSchema.prototype._updateDimOmitted = function (dimensionOmitted) {
- this._dimOmitted = dimensionOmitted;
- if (!dimensionOmitted) {
- return;
- }
- if (!this._dimNameMap) {
- this._dimNameMap = ensureSourceDimNameMap(this.source);
- }
- };
- /**
- * @caution Can only be used when `dimensionOmitted: true`.
- *
- * Get index by user defined dimension name (i.e., not internal generate name).
- * That is, get index from `dimensionsDefine`.
- * If no `dimensionsDefine`, or no name get, return -1.
- */
- SeriesDataSchema.prototype.getSourceDimensionIndex = function (dimName) {
- return retrieve2(this._dimNameMap.get(dimName), -1);
- };
- /**
- * @caution Can only be used when `dimensionOmitted: true`.
- *
- * Notice: may return `null`/`undefined` if user not specify dimension names.
- */
- SeriesDataSchema.prototype.getSourceDimension = function (dimIndex) {
- var dimensionsDefine = this.source.dimensionsDefine;
- if (dimensionsDefine) {
- return dimensionsDefine[dimIndex];
- }
- };
- SeriesDataSchema.prototype.makeStoreSchema = function () {
- var dimCount = this._fullDimCount;
- var willRetrieveDataByName = shouldRetrieveDataByName(this.source);
- var makeHashStrict = !shouldOmitUnusedDimensions(dimCount);
- // If source don't have dimensions or series don't omit unsed dimensions.
- // Generate from seriesDimList directly
- var dimHash = '';
- var dims = [];
- for (var fullDimIdx = 0, seriesDimIdx = 0; fullDimIdx < dimCount; fullDimIdx++) {
- var property = void 0;
- var type = void 0;
- var ordinalMeta = void 0;
- var seriesDimDef = this.dimensions[seriesDimIdx];
- // The list has been sorted by `storeDimIndex` asc.
- if (seriesDimDef && seriesDimDef.storeDimIndex === fullDimIdx) {
- property = willRetrieveDataByName ? seriesDimDef.name : null;
- type = seriesDimDef.type;
- ordinalMeta = seriesDimDef.ordinalMeta;
- seriesDimIdx++;
- } else {
- var sourceDimDef = this.getSourceDimension(fullDimIdx);
- if (sourceDimDef) {
- property = willRetrieveDataByName ? sourceDimDef.name : null;
- type = sourceDimDef.type;
- }
- }
- dims.push({
- property: property,
- type: type,
- ordinalMeta: ordinalMeta
- });
- // If retrieving data by index,
- // use to determine whether data can be shared.
- // (Because in this case there might be no dimension name defined in dataset, but indices always exists).
- // (Indices are always 0, 1, 2, ..., so we can ignore them to shorten the hash).
- // Otherwise if retrieving data by property name (like `data: [{aa: 123, bb: 765}, ...]`),
- // use in hash.
- if (willRetrieveDataByName && property != null
- // For data stack, we have make sure each series has its own dim on this store.
- // So we do not add property to hash to make sure they can share this store.
- && (!seriesDimDef || !seriesDimDef.isCalculationCoord)) {
- dimHash += makeHashStrict
- // Use escape character '`' in case that property name contains '$'.
- ? property.replace(/\`/g, '`1').replace(/\$/g, '`2')
- // For better performance, when there are large dimensions, tolerant this defects that hardly meet.
- : property;
- }
- dimHash += '$';
- dimHash += dimTypeShort[type] || 'f';
- if (ordinalMeta) {
- dimHash += ordinalMeta.uid;
- }
- dimHash += '$';
- }
- // Source from endpoint(usually series) will be read differently
- // when seriesLayoutBy or startIndex(which is affected by sourceHeader) are different.
- // So we use this three props as key.
- var source = this.source;
- var hash = [source.seriesLayoutBy, source.startIndex, dimHash].join('$$');
- return {
- dimensions: dims,
- hash: hash
- };
- };
- SeriesDataSchema.prototype.makeOutputDimensionNames = function () {
- var result = [];
- for (var fullDimIdx = 0, seriesDimIdx = 0; fullDimIdx < this._fullDimCount; fullDimIdx++) {
- var name_1 = void 0;
- var seriesDimDef = this.dimensions[seriesDimIdx];
- // The list has been sorted by `storeDimIndex` asc.
- if (seriesDimDef && seriesDimDef.storeDimIndex === fullDimIdx) {
- if (!seriesDimDef.isCalculationCoord) {
- name_1 = seriesDimDef.name;
- }
- seriesDimIdx++;
- } else {
- var sourceDimDef = this.getSourceDimension(fullDimIdx);
- if (sourceDimDef) {
- name_1 = sourceDimDef.name;
- }
- }
- result.push(name_1);
- }
- return result;
- };
- SeriesDataSchema.prototype.appendCalculationDimension = function (dimDef) {
- this.dimensions.push(dimDef);
- dimDef.isCalculationCoord = true;
- this._fullDimCount++;
- // If append dimension on a data store, consider the store
- // might be shared by different series, series dimensions not
- // really map to store dimensions.
- this._updateDimOmitted(true);
- };
- return SeriesDataSchema;
- }();
- function isSeriesDataSchema(schema) {
- return schema instanceof SeriesDataSchema;
- }
- function createDimNameMap(dimsDef) {
- var dataDimNameMap = createHashMap();
- for (var i = 0; i < (dimsDef || []).length; i++) {
- var dimDefItemRaw = dimsDef[i];
- var userDimName = isObject(dimDefItemRaw) ? dimDefItemRaw.name : dimDefItemRaw;
- if (userDimName != null && dataDimNameMap.get(userDimName) == null) {
- dataDimNameMap.set(userDimName, i);
- }
- }
- return dataDimNameMap;
- }
- function ensureSourceDimNameMap(source) {
- var innerSource = inner$4(source);
- return innerSource.dimNameMap || (innerSource.dimNameMap = createDimNameMap(source.dimensionsDefine));
- }
- function shouldOmitUnusedDimensions(dimCount) {
- return dimCount > 30;
- }
-
- var isObject$2 = isObject;
- var map$1 = map;
- var CtorInt32Array$1 = typeof Int32Array === 'undefined' ? Array : Int32Array;
- // Use prefix to avoid index to be the same as otherIdList[idx],
- // which will cause weird update animation.
- var ID_PREFIX = 'e\0\0';
- var INDEX_NOT_FOUND = -1;
- // type SeriesDimensionIndex = DimensionIndex;
- var TRANSFERABLE_PROPERTIES = ['hasItemOption', '_nameList', '_idList', '_invertedIndicesMap', '_dimSummary', 'userOutput', '_rawData', '_dimValueGetter', '_nameDimIdx', '_idDimIdx', '_nameRepeatCount'];
- var CLONE_PROPERTIES = ['_approximateExtent'];
- // -----------------------------
- // Internal method declarations:
- // -----------------------------
- var prepareInvertedIndex;
- var getId;
- var getIdNameFromStore;
- var normalizeDimensions;
- var transferProperties;
- var cloneListForMapAndSample;
- var makeIdFromName;
- var SeriesData = /** @class */function () {
- /**
- * @param dimensionsInput.dimensions
- * For example, ['someDimName', {name: 'someDimName', type: 'someDimType'}, ...].
- * Dimensions should be concrete names like x, y, z, lng, lat, angle, radius
- */
- function SeriesData(dimensionsInput, hostModel) {
- this.type = 'list';
- this._dimOmitted = false;
- this._nameList = [];
- this._idList = [];
- // Models of data option is stored sparse for optimizing memory cost
- // Never used yet (not used yet).
- // private _optionModels: Model[] = [];
- // Global visual properties after visual coding
- this._visual = {};
- // Global layout properties.
- this._layout = {};
- // Item visual properties after visual coding
- this._itemVisuals = [];
- // Item layout properties after layout
- this._itemLayouts = [];
- // Graphic elements
- this._graphicEls = [];
- // key: dim, value: extent
- this._approximateExtent = {};
- this._calculationInfo = {};
- // Having detected that there is data item is non primitive type
- // (in type `OptionDataItemObject`).
- // Like `data: [ { value: xx, itemStyle: {...} }, ...]`
- // At present it only happen in `SOURCE_FORMAT_ORIGINAL`.
- this.hasItemOption = false;
- // Methods that create a new list based on this list should be listed here.
- // Notice that those method should `RETURN` the new list.
- this.TRANSFERABLE_METHODS = ['cloneShallow', 'downSample', 'lttbDownSample', 'map'];
- // Methods that change indices of this list should be listed here.
- this.CHANGABLE_METHODS = ['filterSelf', 'selectRange'];
- this.DOWNSAMPLE_METHODS = ['downSample', 'lttbDownSample'];
- var dimensions;
- var assignStoreDimIdx = false;
- if (isSeriesDataSchema(dimensionsInput)) {
- dimensions = dimensionsInput.dimensions;
- this._dimOmitted = dimensionsInput.isDimensionOmitted();
- this._schema = dimensionsInput;
- } else {
- assignStoreDimIdx = true;
- dimensions = dimensionsInput;
- }
- dimensions = dimensions || ['x', 'y'];
- var dimensionInfos = {};
- var dimensionNames = [];
- var invertedIndicesMap = {};
- var needsHasOwn = false;
- var emptyObj = {};
- for (var i = 0; i < dimensions.length; i++) {
- // Use the original dimensions[i], where other flag props may exists.
- var dimInfoInput = dimensions[i];
- var dimensionInfo = isString(dimInfoInput) ? new SeriesDimensionDefine({
- name: dimInfoInput
- }) : !(dimInfoInput instanceof SeriesDimensionDefine) ? new SeriesDimensionDefine(dimInfoInput) : dimInfoInput;
- var dimensionName = dimensionInfo.name;
- dimensionInfo.type = dimensionInfo.type || 'float';
- if (!dimensionInfo.coordDim) {
- dimensionInfo.coordDim = dimensionName;
- dimensionInfo.coordDimIndex = 0;
- }
- var otherDims = dimensionInfo.otherDims = dimensionInfo.otherDims || {};
- dimensionNames.push(dimensionName);
- dimensionInfos[dimensionName] = dimensionInfo;
- if (emptyObj[dimensionName] != null) {
- needsHasOwn = true;
- }
- if (dimensionInfo.createInvertedIndices) {
- invertedIndicesMap[dimensionName] = [];
- }
- if (otherDims.itemName === 0) {
- this._nameDimIdx = i;
- }
- if (otherDims.itemId === 0) {
- this._idDimIdx = i;
- }
- if ("development" !== 'production') {
- assert(assignStoreDimIdx || dimensionInfo.storeDimIndex >= 0);
- }
- if (assignStoreDimIdx) {
- dimensionInfo.storeDimIndex = i;
- }
- }
- this.dimensions = dimensionNames;
- this._dimInfos = dimensionInfos;
- this._initGetDimensionInfo(needsHasOwn);
- this.hostModel = hostModel;
- this._invertedIndicesMap = invertedIndicesMap;
- if (this._dimOmitted) {
- var dimIdxToName_1 = this._dimIdxToName = createHashMap();
- each(dimensionNames, function (dimName) {
- dimIdxToName_1.set(dimensionInfos[dimName].storeDimIndex, dimName);
- });
- }
- }
- /**
- *
- * Get concrete dimension name by dimension name or dimension index.
- * If input a dimension name, do not validate whether the dimension name exits.
- *
- * @caution
- * @param dim Must make sure the dimension is `SeriesDimensionLoose`.
- * Because only those dimensions will have auto-generated dimension names if not
- * have a user-specified name, and other dimensions will get a return of null/undefined.
- *
- * @notice Because of this reason, should better use `getDimensionIndex` instead, for examples:
- * ```js
- * const val = data.getStore().get(data.getDimensionIndex(dim), dataIdx);
- * ```
- *
- * @return Concrete dim name.
- */
- SeriesData.prototype.getDimension = function (dim) {
- var dimIdx = this._recognizeDimIndex(dim);
- if (dimIdx == null) {
- return dim;
- }
- dimIdx = dim;
- if (!this._dimOmitted) {
- return this.dimensions[dimIdx];
- }
- // Retrieve from series dimension definition because it probably contains
- // generated dimension name (like 'x', 'y').
- var dimName = this._dimIdxToName.get(dimIdx);
- if (dimName != null) {
- return dimName;
- }
- var sourceDimDef = this._schema.getSourceDimension(dimIdx);
- if (sourceDimDef) {
- return sourceDimDef.name;
- }
- };
- /**
- * Get dimension index in data store. Return -1 if not found.
- * Can be used to index value from getRawValue.
- */
- SeriesData.prototype.getDimensionIndex = function (dim) {
- var dimIdx = this._recognizeDimIndex(dim);
- if (dimIdx != null) {
- return dimIdx;
- }
- if (dim == null) {
- return -1;
- }
- var dimInfo = this._getDimInfo(dim);
- return dimInfo ? dimInfo.storeDimIndex : this._dimOmitted ? this._schema.getSourceDimensionIndex(dim) : -1;
- };
- /**
- * The meanings of the input parameter `dim`:
- *
- * + If dim is a number (e.g., `1`), it means the index of the dimension.
- * For example, `getDimension(0)` will return 'x' or 'lng' or 'radius'.
- * + If dim is a number-like string (e.g., `"1"`):
- * + If there is the same concrete dim name defined in `series.dimensions` or `dataset.dimensions`,
- * it means that concrete name.
- * + If not, it will be converted to a number, which means the index of the dimension.
- * (why? because of the backward compatibility. We have been tolerating number-like string in
- * dimension setting, although now it seems that it is not a good idea.)
- * For example, `visualMap[i].dimension: "1"` is the same meaning as `visualMap[i].dimension: 1`,
- * if no dimension name is defined as `"1"`.
- * + If dim is a not-number-like string, it means the concrete dim name.
- * For example, it can be be default name `"x"`, `"y"`, `"z"`, `"lng"`, `"lat"`, `"angle"`, `"radius"`,
- * or customized in `dimensions` property of option like `"age"`.
- *
- * @return recognized `DimensionIndex`. Otherwise return null/undefined (means that dim is `DimensionName`).
- */
- SeriesData.prototype._recognizeDimIndex = function (dim) {
- if (isNumber(dim)
- // If being a number-like string but not being defined as a dimension name.
- || dim != null && !isNaN(dim) && !this._getDimInfo(dim) && (!this._dimOmitted || this._schema.getSourceDimensionIndex(dim) < 0)) {
- return +dim;
- }
- };
- SeriesData.prototype._getStoreDimIndex = function (dim) {
- var dimIdx = this.getDimensionIndex(dim);
- if ("development" !== 'production') {
- if (dimIdx == null) {
- throw new Error('Unknown dimension ' + dim);
- }
- }
- return dimIdx;
- };
- /**
- * Get type and calculation info of particular dimension
- * @param dim
- * Dimension can be concrete names like x, y, z, lng, lat, angle, radius
- * Or a ordinal number. For example getDimensionInfo(0) will return 'x' or 'lng' or 'radius'
- */
- SeriesData.prototype.getDimensionInfo = function (dim) {
- // Do not clone, because there may be categories in dimInfo.
- return this._getDimInfo(this.getDimension(dim));
- };
- SeriesData.prototype._initGetDimensionInfo = function (needsHasOwn) {
- var dimensionInfos = this._dimInfos;
- this._getDimInfo = needsHasOwn ? function (dimName) {
- return dimensionInfos.hasOwnProperty(dimName) ? dimensionInfos[dimName] : undefined;
- } : function (dimName) {
- return dimensionInfos[dimName];
- };
- };
- /**
- * concrete dimension name list on coord.
- */
- SeriesData.prototype.getDimensionsOnCoord = function () {
- return this._dimSummary.dataDimsOnCoord.slice();
- };
- SeriesData.prototype.mapDimension = function (coordDim, idx) {
- var dimensionsSummary = this._dimSummary;
- if (idx == null) {
- return dimensionsSummary.encodeFirstDimNotExtra[coordDim];
- }
- var dims = dimensionsSummary.encode[coordDim];
- return dims ? dims[idx] : null;
- };
- SeriesData.prototype.mapDimensionsAll = function (coordDim) {
- var dimensionsSummary = this._dimSummary;
- var dims = dimensionsSummary.encode[coordDim];
- return (dims || []).slice();
- };
- SeriesData.prototype.getStore = function () {
- return this._store;
- };
- /**
- * Initialize from data
- * @param data source or data or data store.
- * @param nameList The name of a datum is used on data diff and
- * default label/tooltip.
- * A name can be specified in encode.itemName,
- * or dataItem.name (only for series option data),
- * or provided in nameList from outside.
- */
- SeriesData.prototype.initData = function (data, nameList, dimValueGetter) {
- var _this = this;
- var store;
- if (data instanceof DataStore) {
- store = data;
- }
- if (!store) {
- var dimensions = this.dimensions;
- var provider = isSourceInstance(data) || isArrayLike(data) ? new DefaultDataProvider(data, dimensions.length) : data;
- store = new DataStore();
- var dimensionInfos = map$1(dimensions, function (dimName) {
- return {
- type: _this._dimInfos[dimName].type,
- property: dimName
- };
- });
- store.initData(provider, dimensionInfos, dimValueGetter);
- }
- this._store = store;
- // Reset
- this._nameList = (nameList || []).slice();
- this._idList = [];
- this._nameRepeatCount = {};
- this._doInit(0, store.count());
- // Cache summary info for fast visit. See "dimensionHelper".
- // Needs to be initialized after store is prepared.
- this._dimSummary = summarizeDimensions(this, this._schema);
- this.userOutput = this._dimSummary.userOutput;
- };
- /**
- * Caution: Can be only called on raw data (before `this._indices` created).
- */
- SeriesData.prototype.appendData = function (data) {
- var range = this._store.appendData(data);
- this._doInit(range[0], range[1]);
- };
- /**
- * Caution: Can be only called on raw data (before `this._indices` created).
- * This method does not modify `rawData` (`dataProvider`), but only
- * add values to store.
- *
- * The final count will be increased by `Math.max(values.length, names.length)`.
- *
- * @param values That is the SourceType: 'arrayRows', like
- * [
- * [12, 33, 44],
- * [NaN, 43, 1],
- * ['-', 'asdf', 0]
- * ]
- * Each item is exactly corresponding to a dimension.
- */
- SeriesData.prototype.appendValues = function (values, names) {
- var _a = this._store.appendValues(values, names.length),
- start = _a.start,
- end = _a.end;
- var shouldMakeIdFromName = this._shouldMakeIdFromName();
- this._updateOrdinalMeta();
- if (names) {
- for (var idx = start; idx < end; idx++) {
- var sourceIdx = idx - start;
- this._nameList[idx] = names[sourceIdx];
- if (shouldMakeIdFromName) {
- makeIdFromName(this, idx);
- }
- }
- }
- };
- SeriesData.prototype._updateOrdinalMeta = function () {
- var store = this._store;
- var dimensions = this.dimensions;
- for (var i = 0; i < dimensions.length; i++) {
- var dimInfo = this._dimInfos[dimensions[i]];
- if (dimInfo.ordinalMeta) {
- store.collectOrdinalMeta(dimInfo.storeDimIndex, dimInfo.ordinalMeta);
- }
- }
- };
- SeriesData.prototype._shouldMakeIdFromName = function () {
- var provider = this._store.getProvider();
- return this._idDimIdx == null && provider.getSource().sourceFormat !== SOURCE_FORMAT_TYPED_ARRAY && !provider.fillStorage;
- };
- SeriesData.prototype._doInit = function (start, end) {
- if (start >= end) {
- return;
- }
- var store = this._store;
- var provider = store.getProvider();
- this._updateOrdinalMeta();
- var nameList = this._nameList;
- var idList = this._idList;
- var sourceFormat = provider.getSource().sourceFormat;
- var isFormatOriginal = sourceFormat === SOURCE_FORMAT_ORIGINAL;
- // Each data item is value
- // [1, 2]
- // 2
- // Bar chart, line chart which uses category axis
- // only gives the 'y' value. 'x' value is the indices of category
- // Use a tempValue to normalize the value to be a (x, y) value
- // If dataItem is {name: ...} or {id: ...}, it has highest priority.
- // This kind of ids and names are always stored `_nameList` and `_idList`.
- if (isFormatOriginal && !provider.pure) {
- var sharedDataItem = [];
- for (var idx = start; idx < end; idx++) {
- // NOTICE: Try not to write things into dataItem
- var dataItem = provider.getItem(idx, sharedDataItem);
- if (!this.hasItemOption && isDataItemOption(dataItem)) {
- this.hasItemOption = true;
- }
- if (dataItem) {
- var itemName = dataItem.name;
- if (nameList[idx] == null && itemName != null) {
- nameList[idx] = convertOptionIdName(itemName, null);
- }
- var itemId = dataItem.id;
- if (idList[idx] == null && itemId != null) {
- idList[idx] = convertOptionIdName(itemId, null);
- }
- }
- }
- }
- if (this._shouldMakeIdFromName()) {
- for (var idx = start; idx < end; idx++) {
- makeIdFromName(this, idx);
- }
- }
- prepareInvertedIndex(this);
- };
- /**
- * PENDING: In fact currently this function is only used to short-circuit
- * the calling of `scale.unionExtentFromData` when data have been filtered by modules
- * like "dataZoom". `scale.unionExtentFromData` is used to calculate data extent for series on
- * an axis, but if a "axis related data filter module" is used, the extent of the axis have
- * been fixed and no need to calling `scale.unionExtentFromData` actually.
- * But if we add "custom data filter" in future, which is not "axis related", this method may
- * be still needed.
- *
- * Optimize for the scenario that data is filtered by a given extent.
- * Consider that if data amount is more than hundreds of thousand,
- * extent calculation will cost more than 10ms and the cache will
- * be erased because of the filtering.
- */
- SeriesData.prototype.getApproximateExtent = function (dim) {
- return this._approximateExtent[dim] || this._store.getDataExtent(this._getStoreDimIndex(dim));
- };
- /**
- * Calculate extent on a filtered data might be time consuming.
- * Approximate extent is only used for: calculate extent of filtered data outside.
- */
- SeriesData.prototype.setApproximateExtent = function (extent, dim) {
- dim = this.getDimension(dim);
- this._approximateExtent[dim] = extent.slice();
- };
- SeriesData.prototype.getCalculationInfo = function (key) {
- return this._calculationInfo[key];
- };
- SeriesData.prototype.setCalculationInfo = function (key, value) {
- isObject$2(key) ? extend(this._calculationInfo, key) : this._calculationInfo[key] = value;
- };
- /**
- * @return Never be null/undefined. `number` will be converted to string. Because:
- * In most cases, name is used in display, where returning a string is more convenient.
- * In other cases, name is used in query (see `indexOfName`), where we can keep the
- * rule that name `2` equals to name `'2'`.
- */
- SeriesData.prototype.getName = function (idx) {
- var rawIndex = this.getRawIndex(idx);
- var name = this._nameList[rawIndex];
- if (name == null && this._nameDimIdx != null) {
- name = getIdNameFromStore(this, this._nameDimIdx, rawIndex);
- }
- if (name == null) {
- name = '';
- }
- return name;
- };
- SeriesData.prototype._getCategory = function (dimIdx, idx) {
- var ordinal = this._store.get(dimIdx, idx);
- var ordinalMeta = this._store.getOrdinalMeta(dimIdx);
- if (ordinalMeta) {
- return ordinalMeta.categories[ordinal];
- }
- return ordinal;
- };
- /**
- * @return Never null/undefined. `number` will be converted to string. Because:
- * In all cases having encountered at present, id is used in making diff comparison, which
- * are usually based on hash map. We can keep the rule that the internal id are always string
- * (treat `2` is the same as `'2'`) to make the related logic simple.
- */
- SeriesData.prototype.getId = function (idx) {
- return getId(this, this.getRawIndex(idx));
- };
- SeriesData.prototype.count = function () {
- return this._store.count();
- };
- /**
- * Get value. Return NaN if idx is out of range.
- *
- * @notice Should better to use `data.getStore().get(dimIndex, dataIdx)` instead.
- */
- SeriesData.prototype.get = function (dim, idx) {
- var store = this._store;
- var dimInfo = this._dimInfos[dim];
- if (dimInfo) {
- return store.get(dimInfo.storeDimIndex, idx);
- }
- };
- /**
- * @notice Should better to use `data.getStore().getByRawIndex(dimIndex, dataIdx)` instead.
- */
- SeriesData.prototype.getByRawIndex = function (dim, rawIdx) {
- var store = this._store;
- var dimInfo = this._dimInfos[dim];
- if (dimInfo) {
- return store.getByRawIndex(dimInfo.storeDimIndex, rawIdx);
- }
- };
- SeriesData.prototype.getIndices = function () {
- return this._store.getIndices();
- };
- SeriesData.prototype.getDataExtent = function (dim) {
- return this._store.getDataExtent(this._getStoreDimIndex(dim));
- };
- SeriesData.prototype.getSum = function (dim) {
- return this._store.getSum(this._getStoreDimIndex(dim));
- };
- SeriesData.prototype.getMedian = function (dim) {
- return this._store.getMedian(this._getStoreDimIndex(dim));
- };
- SeriesData.prototype.getValues = function (dimensions, idx) {
- var _this = this;
- var store = this._store;
- return isArray(dimensions) ? store.getValues(map$1(dimensions, function (dim) {
- return _this._getStoreDimIndex(dim);
- }), idx) : store.getValues(dimensions);
- };
- /**
- * If value is NaN. Including '-'
- * Only check the coord dimensions.
- */
- SeriesData.prototype.hasValue = function (idx) {
- var dataDimIndicesOnCoord = this._dimSummary.dataDimIndicesOnCoord;
- for (var i = 0, len = dataDimIndicesOnCoord.length; i < len; i++) {
- // Ordinal type originally can be string or number.
- // But when an ordinal type is used on coord, it can
- // not be string but only number. So we can also use isNaN.
- if (isNaN(this._store.get(dataDimIndicesOnCoord[i], idx))) {
- return false;
- }
- }
- return true;
- };
- /**
- * Retrieve the index with given name
- */
- SeriesData.prototype.indexOfName = function (name) {
- for (var i = 0, len = this._store.count(); i < len; i++) {
- if (this.getName(i) === name) {
- return i;
- }
- }
- return -1;
- };
- SeriesData.prototype.getRawIndex = function (idx) {
- return this._store.getRawIndex(idx);
- };
- SeriesData.prototype.indexOfRawIndex = function (rawIndex) {
- return this._store.indexOfRawIndex(rawIndex);
- };
- /**
- * Only support the dimension which inverted index created.
- * Do not support other cases until required.
- * @param dim concrete dim
- * @param value ordinal index
- * @return rawIndex
- */
- SeriesData.prototype.rawIndexOf = function (dim, value) {
- var invertedIndices = dim && this._invertedIndicesMap[dim];
- if ("development" !== 'production') {
- if (!invertedIndices) {
- throw new Error('Do not supported yet');
- }
- }
- var rawIndex = invertedIndices[value];
- if (rawIndex == null || isNaN(rawIndex)) {
- return INDEX_NOT_FOUND;
- }
- return rawIndex;
- };
- /**
- * Retrieve the index of nearest value
- * @param dim
- * @param value
- * @param [maxDistance=Infinity]
- * @return If and only if multiple indices has
- * the same value, they are put to the result.
- */
- SeriesData.prototype.indicesOfNearest = function (dim, value, maxDistance) {
- return this._store.indicesOfNearest(this._getStoreDimIndex(dim), value, maxDistance);
- };
- SeriesData.prototype.each = function (dims, cb, ctx) {
-
- if (isFunction(dims)) {
- ctx = cb;
- cb = dims;
- dims = [];
- }
- // ctxCompat just for compat echarts3
- var fCtx = ctx || this;
- var dimIndices = map$1(normalizeDimensions(dims), this._getStoreDimIndex, this);
- this._store.each(dimIndices, fCtx ? bind(cb, fCtx) : cb);
- };
- SeriesData.prototype.filterSelf = function (dims, cb, ctx) {
-
- if (isFunction(dims)) {
- ctx = cb;
- cb = dims;
- dims = [];
- }
- // ctxCompat just for compat echarts3
- var fCtx = ctx || this;
- var dimIndices = map$1(normalizeDimensions(dims), this._getStoreDimIndex, this);
- this._store = this._store.filter(dimIndices, fCtx ? bind(cb, fCtx) : cb);
- return this;
- };
- /**
- * Select data in range. (For optimization of filter)
- * (Manually inline code, support 5 million data filtering in data zoom.)
- */
- SeriesData.prototype.selectRange = function (range) {
-
- var _this = this;
- var innerRange = {};
- var dims = keys(range);
- each(dims, function (dim) {
- var dimIdx = _this._getStoreDimIndex(dim);
- innerRange[dimIdx] = range[dim];
- });
- this._store = this._store.selectRange(innerRange);
- return this;
- };
- /* eslint-enable max-len */
- SeriesData.prototype.mapArray = function (dims, cb, ctx) {
-
- if (isFunction(dims)) {
- ctx = cb;
- cb = dims;
- dims = [];
- }
- // ctxCompat just for compat echarts3
- ctx = ctx || this;
- var result = [];
- this.each(dims, function () {
- result.push(cb && cb.apply(this, arguments));
- }, ctx);
- return result;
- };
- SeriesData.prototype.map = function (dims, cb, ctx, ctxCompat) {
-
- // ctxCompat just for compat echarts3
- var fCtx = ctx || ctxCompat || this;
- var dimIndices = map$1(normalizeDimensions(dims), this._getStoreDimIndex, this);
- var list = cloneListForMapAndSample(this);
- list._store = this._store.map(dimIndices, fCtx ? bind(cb, fCtx) : cb);
- return list;
- };
- SeriesData.prototype.modify = function (dims, cb, ctx, ctxCompat) {
- var _this = this;
- // ctxCompat just for compat echarts3
- var fCtx = ctx || ctxCompat || this;
- if ("development" !== 'production') {
- each(normalizeDimensions(dims), function (dim) {
- var dimInfo = _this.getDimensionInfo(dim);
- if (!dimInfo.isCalculationCoord) {
- console.error('Danger: only stack dimension can be modified');
- }
- });
- }
- var dimIndices = map$1(normalizeDimensions(dims), this._getStoreDimIndex, this);
- // If do shallow clone here, if there are too many stacked series,
- // it still cost lots of memory, because `_store.dimensions` are not shared.
- // We should consider there probably be shallow clone happen in each series
- // in consequent filter/map.
- this._store.modify(dimIndices, fCtx ? bind(cb, fCtx) : cb);
- };
- /**
- * Large data down sampling on given dimension
- * @param sampleIndex Sample index for name and id
- */
- SeriesData.prototype.downSample = function (dimension, rate, sampleValue, sampleIndex) {
- var list = cloneListForMapAndSample(this);
- list._store = this._store.downSample(this._getStoreDimIndex(dimension), rate, sampleValue, sampleIndex);
- return list;
- };
- /**
- * Large data down sampling using largest-triangle-three-buckets
- * @param {string} valueDimension
- * @param {number} targetCount
- */
- SeriesData.prototype.lttbDownSample = function (valueDimension, rate) {
- var list = cloneListForMapAndSample(this);
- list._store = this._store.lttbDownSample(this._getStoreDimIndex(valueDimension), rate);
- return list;
- };
- SeriesData.prototype.getRawDataItem = function (idx) {
- return this._store.getRawDataItem(idx);
- };
- /**
- * Get model of one data item.
- */
- // TODO: Type of data item
- SeriesData.prototype.getItemModel = function (idx) {
- var hostModel = this.hostModel;
- var dataItem = this.getRawDataItem(idx);
- return new Model(dataItem, hostModel, hostModel && hostModel.ecModel);
- };
- /**
- * Create a data differ
- */
- SeriesData.prototype.diff = function (otherList) {
- var thisList = this;
- return new DataDiffer(otherList ? otherList.getStore().getIndices() : [], this.getStore().getIndices(), function (idx) {
- return getId(otherList, idx);
- }, function (idx) {
- return getId(thisList, idx);
- });
- };
- /**
- * Get visual property.
- */
- SeriesData.prototype.getVisual = function (key) {
- var visual = this._visual;
- return visual && visual[key];
- };
- SeriesData.prototype.setVisual = function (kvObj, val) {
- this._visual = this._visual || {};
- if (isObject$2(kvObj)) {
- extend(this._visual, kvObj);
- } else {
- this._visual[kvObj] = val;
- }
- };
- /**
- * Get visual property of single data item
- */
- // eslint-disable-next-line
- SeriesData.prototype.getItemVisual = function (idx, key) {
- var itemVisual = this._itemVisuals[idx];
- var val = itemVisual && itemVisual[key];
- if (val == null) {
- // Use global visual property
- return this.getVisual(key);
- }
- return val;
- };
- /**
- * If exists visual property of single data item
- */
- SeriesData.prototype.hasItemVisual = function () {
- return this._itemVisuals.length > 0;
- };
- /**
- * Make sure itemVisual property is unique
- */
- // TODO: use key to save visual to reduce memory.
- SeriesData.prototype.ensureUniqueItemVisual = function (idx, key) {
- var itemVisuals = this._itemVisuals;
- var itemVisual = itemVisuals[idx];
- if (!itemVisual) {
- itemVisual = itemVisuals[idx] = {};
- }
- var val = itemVisual[key];
- if (val == null) {
- val = this.getVisual(key);
- // TODO Performance?
- if (isArray(val)) {
- val = val.slice();
- } else if (isObject$2(val)) {
- val = extend({}, val);
- }
- itemVisual[key] = val;
- }
- return val;
- };
- // eslint-disable-next-line
- SeriesData.prototype.setItemVisual = function (idx, key, value) {
- var itemVisual = this._itemVisuals[idx] || {};
- this._itemVisuals[idx] = itemVisual;
- if (isObject$2(key)) {
- extend(itemVisual, key);
- } else {
- itemVisual[key] = value;
- }
- };
- /**
- * Clear itemVisuals and list visual.
- */
- SeriesData.prototype.clearAllVisual = function () {
- this._visual = {};
- this._itemVisuals = [];
- };
- SeriesData.prototype.setLayout = function (key, val) {
- isObject$2(key) ? extend(this._layout, key) : this._layout[key] = val;
- };
- /**
- * Get layout property.
- */
- SeriesData.prototype.getLayout = function (key) {
- return this._layout[key];
- };
- /**
- * Get layout of single data item
- */
- SeriesData.prototype.getItemLayout = function (idx) {
- return this._itemLayouts[idx];
- };
- /**
- * Set layout of single data item
- */
- SeriesData.prototype.setItemLayout = function (idx, layout, merge) {
- this._itemLayouts[idx] = merge ? extend(this._itemLayouts[idx] || {}, layout) : layout;
- };
- /**
- * Clear all layout of single data item
- */
- SeriesData.prototype.clearItemLayouts = function () {
- this._itemLayouts.length = 0;
- };
- /**
- * Set graphic element relative to data. It can be set as null
- */
- SeriesData.prototype.setItemGraphicEl = function (idx, el) {
- var seriesIndex = this.hostModel && this.hostModel.seriesIndex;
- setCommonECData(seriesIndex, this.dataType, idx, el);
- this._graphicEls[idx] = el;
- };
- SeriesData.prototype.getItemGraphicEl = function (idx) {
- return this._graphicEls[idx];
- };
- SeriesData.prototype.eachItemGraphicEl = function (cb, context) {
- each(this._graphicEls, function (el, idx) {
- if (el) {
- cb && cb.call(context, el, idx);
- }
- });
- };
- /**
- * Shallow clone a new list except visual and layout properties, and graph elements.
- * New list only change the indices.
- */
- SeriesData.prototype.cloneShallow = function (list) {
- if (!list) {
- list = new SeriesData(this._schema ? this._schema : map$1(this.dimensions, this._getDimInfo, this), this.hostModel);
- }
- transferProperties(list, this);
- list._store = this._store;
- return list;
- };
- /**
- * Wrap some method to add more feature
- */
- SeriesData.prototype.wrapMethod = function (methodName, injectFunction) {
- var originalMethod = this[methodName];
- if (!isFunction(originalMethod)) {
- return;
- }
- this.__wrappedMethods = this.__wrappedMethods || [];
- this.__wrappedMethods.push(methodName);
- this[methodName] = function () {
- var res = originalMethod.apply(this, arguments);
- return injectFunction.apply(this, [res].concat(slice(arguments)));
- };
- };
- // ----------------------------------------------------------
- // A work around for internal method visiting private member.
- // ----------------------------------------------------------
- SeriesData.internalField = function () {
- prepareInvertedIndex = function (data) {
- var invertedIndicesMap = data._invertedIndicesMap;
- each(invertedIndicesMap, function (invertedIndices, dim) {
- var dimInfo = data._dimInfos[dim];
- // Currently, only dimensions that has ordinalMeta can create inverted indices.
- var ordinalMeta = dimInfo.ordinalMeta;
- var store = data._store;
- if (ordinalMeta) {
- invertedIndices = invertedIndicesMap[dim] = new CtorInt32Array$1(ordinalMeta.categories.length);
- // The default value of TypedArray is 0. To avoid miss
- // mapping to 0, we should set it as INDEX_NOT_FOUND.
- for (var i = 0; i < invertedIndices.length; i++) {
- invertedIndices[i] = INDEX_NOT_FOUND;
- }
- for (var i = 0; i < store.count(); i++) {
- // Only support the case that all values are distinct.
- invertedIndices[store.get(dimInfo.storeDimIndex, i)] = i;
- }
- }
- });
- };
- getIdNameFromStore = function (data, dimIdx, idx) {
- return convertOptionIdName(data._getCategory(dimIdx, idx), null);
- };
- /**
- * @see the comment of `List['getId']`.
- */
- getId = function (data, rawIndex) {
- var id = data._idList[rawIndex];
- if (id == null && data._idDimIdx != null) {
- id = getIdNameFromStore(data, data._idDimIdx, rawIndex);
- }
- if (id == null) {
- id = ID_PREFIX + rawIndex;
- }
- return id;
- };
- normalizeDimensions = function (dimensions) {
- if (!isArray(dimensions)) {
- dimensions = dimensions != null ? [dimensions] : [];
- }
- return dimensions;
- };
- /**
- * Data in excludeDimensions is copied, otherwise transferred.
- */
- cloneListForMapAndSample = function (original) {
- var list = new SeriesData(original._schema ? original._schema : map$1(original.dimensions, original._getDimInfo, original), original.hostModel);
- // FIXME If needs stackedOn, value may already been stacked
- transferProperties(list, original);
- return list;
- };
- transferProperties = function (target, source) {
- each(TRANSFERABLE_PROPERTIES.concat(source.__wrappedMethods || []), function (propName) {
- if (source.hasOwnProperty(propName)) {
- target[propName] = source[propName];
- }
- });
- target.__wrappedMethods = source.__wrappedMethods;
- each(CLONE_PROPERTIES, function (propName) {
- target[propName] = clone(source[propName]);
- });
- target._calculationInfo = extend({}, source._calculationInfo);
- };
- makeIdFromName = function (data, idx) {
- var nameList = data._nameList;
- var idList = data._idList;
- var nameDimIdx = data._nameDimIdx;
- var idDimIdx = data._idDimIdx;
- var name = nameList[idx];
- var id = idList[idx];
- if (name == null && nameDimIdx != null) {
- nameList[idx] = name = getIdNameFromStore(data, nameDimIdx, idx);
- }
- if (id == null && idDimIdx != null) {
- idList[idx] = id = getIdNameFromStore(data, idDimIdx, idx);
- }
- if (id == null && name != null) {
- var nameRepeatCount = data._nameRepeatCount;
- var nmCnt = nameRepeatCount[name] = (nameRepeatCount[name] || 0) + 1;
- id = name;
- if (nmCnt > 1) {
- id += '__ec__' + nmCnt;
- }
- idList[idx] = id;
- }
- };
- }();
- return SeriesData;
- }();
-
- /**
- * For outside usage compat (like echarts-gl are using it).
- */
- function createDimensions(source, opt) {
- return prepareSeriesDataSchema(source, opt).dimensions;
- }
- /**
- * This method builds the relationship between:
- * + "what the coord sys or series requires (see `coordDimensions`)",
- * + "what the user defines (in `encode` and `dimensions`, see `opt.dimensionsDefine` and `opt.encodeDefine`)"
- * + "what the data source provids (see `source`)".
- *
- * Some guess strategy will be adapted if user does not define something.
- * If no 'value' dimension specified, the first no-named dimension will be
- * named as 'value'.
- *
- * @return The results are always sorted by `storeDimIndex` asc.
- */
- function prepareSeriesDataSchema(
- // TODO: TYPE completeDimensions type
- source, opt) {
- if (!isSourceInstance(source)) {
- source = createSourceFromSeriesDataOption(source);
- }
- opt = opt || {};
- var sysDims = opt.coordDimensions || [];
- var dimsDef = opt.dimensionsDefine || source.dimensionsDefine || [];
- var coordDimNameMap = createHashMap();
- var resultList = [];
- var dimCount = getDimCount(source, sysDims, dimsDef, opt.dimensionsCount);
- // Try to ignore unused dimensions if sharing a high dimension datastore
- // 30 is an experience value.
- var omitUnusedDimensions = opt.canOmitUnusedDimensions && shouldOmitUnusedDimensions(dimCount);
- var isUsingSourceDimensionsDef = dimsDef === source.dimensionsDefine;
- var dataDimNameMap = isUsingSourceDimensionsDef ? ensureSourceDimNameMap(source) : createDimNameMap(dimsDef);
- var encodeDef = opt.encodeDefine;
- if (!encodeDef && opt.encodeDefaulter) {
- encodeDef = opt.encodeDefaulter(source, dimCount);
- }
- var encodeDefMap = createHashMap(encodeDef);
- var indicesMap = new CtorInt32Array(dimCount);
- for (var i = 0; i < indicesMap.length; i++) {
- indicesMap[i] = -1;
- }
- function getResultItem(dimIdx) {
- var idx = indicesMap[dimIdx];
- if (idx < 0) {
- var dimDefItemRaw = dimsDef[dimIdx];
- var dimDefItem = isObject(dimDefItemRaw) ? dimDefItemRaw : {
- name: dimDefItemRaw
- };
- var resultItem = new SeriesDimensionDefine();
- var userDimName = dimDefItem.name;
- if (userDimName != null && dataDimNameMap.get(userDimName) != null) {
- // Only if `series.dimensions` is defined in option
- // displayName, will be set, and dimension will be displayed vertically in
- // tooltip by default.
- resultItem.name = resultItem.displayName = userDimName;
- }
- dimDefItem.type != null && (resultItem.type = dimDefItem.type);
- dimDefItem.displayName != null && (resultItem.displayName = dimDefItem.displayName);
- var newIdx = resultList.length;
- indicesMap[dimIdx] = newIdx;
- resultItem.storeDimIndex = dimIdx;
- resultList.push(resultItem);
- return resultItem;
- }
- return resultList[idx];
- }
- if (!omitUnusedDimensions) {
- for (var i = 0; i < dimCount; i++) {
- getResultItem(i);
- }
- }
- // Set `coordDim` and `coordDimIndex` by `encodeDefMap` and normalize `encodeDefMap`.
- encodeDefMap.each(function (dataDimsRaw, coordDim) {
- var dataDims = normalizeToArray(dataDimsRaw).slice();
- // Note: It is allowed that `dataDims.length` is `0`, e.g., options is
- // `{encode: {x: -1, y: 1}}`. Should not filter anything in
- // this case.
- if (dataDims.length === 1 && !isString(dataDims[0]) && dataDims[0] < 0) {
- encodeDefMap.set(coordDim, false);
- return;
- }
- var validDataDims = encodeDefMap.set(coordDim, []);
- each(dataDims, function (resultDimIdxOrName, idx) {
- // The input resultDimIdx can be dim name or index.
- var resultDimIdx = isString(resultDimIdxOrName) ? dataDimNameMap.get(resultDimIdxOrName) : resultDimIdxOrName;
- if (resultDimIdx != null && resultDimIdx < dimCount) {
- validDataDims[idx] = resultDimIdx;
- applyDim(getResultItem(resultDimIdx), coordDim, idx);
- }
- });
- });
- // Apply templates and default order from `sysDims`.
- var availDimIdx = 0;
- each(sysDims, function (sysDimItemRaw) {
- var coordDim;
- var sysDimItemDimsDef;
- var sysDimItemOtherDims;
- var sysDimItem;
- if (isString(sysDimItemRaw)) {
- coordDim = sysDimItemRaw;
- sysDimItem = {};
- } else {
- sysDimItem = sysDimItemRaw;
- coordDim = sysDimItem.name;
- var ordinalMeta = sysDimItem.ordinalMeta;
- sysDimItem.ordinalMeta = null;
- sysDimItem = extend({}, sysDimItem);
- sysDimItem.ordinalMeta = ordinalMeta;
- // `coordDimIndex` should not be set directly.
- sysDimItemDimsDef = sysDimItem.dimsDef;
- sysDimItemOtherDims = sysDimItem.otherDims;
- sysDimItem.name = sysDimItem.coordDim = sysDimItem.coordDimIndex = sysDimItem.dimsDef = sysDimItem.otherDims = null;
- }
- var dataDims = encodeDefMap.get(coordDim);
- // negative resultDimIdx means no need to mapping.
- if (dataDims === false) {
- return;
- }
- dataDims = normalizeToArray(dataDims);
- // dimensions provides default dim sequences.
- if (!dataDims.length) {
- for (var i = 0; i < (sysDimItemDimsDef && sysDimItemDimsDef.length || 1); i++) {
- while (availDimIdx < dimCount && getResultItem(availDimIdx).coordDim != null) {
- availDimIdx++;
- }
- availDimIdx < dimCount && dataDims.push(availDimIdx++);
- }
- }
- // Apply templates.
- each(dataDims, function (resultDimIdx, coordDimIndex) {
- var resultItem = getResultItem(resultDimIdx);
- // Coordinate system has a higher priority on dim type than source.
- if (isUsingSourceDimensionsDef && sysDimItem.type != null) {
- resultItem.type = sysDimItem.type;
- }
- applyDim(defaults(resultItem, sysDimItem), coordDim, coordDimIndex);
- if (resultItem.name == null && sysDimItemDimsDef) {
- var sysDimItemDimsDefItem = sysDimItemDimsDef[coordDimIndex];
- !isObject(sysDimItemDimsDefItem) && (sysDimItemDimsDefItem = {
- name: sysDimItemDimsDefItem
- });
- resultItem.name = resultItem.displayName = sysDimItemDimsDefItem.name;
- resultItem.defaultTooltip = sysDimItemDimsDefItem.defaultTooltip;
- }
- // FIXME refactor, currently only used in case: {otherDims: {tooltip: false}}
- sysDimItemOtherDims && defaults(resultItem.otherDims, sysDimItemOtherDims);
- });
- });
- function applyDim(resultItem, coordDim, coordDimIndex) {
- if (VISUAL_DIMENSIONS.get(coordDim) != null) {
- resultItem.otherDims[coordDim] = coordDimIndex;
- } else {
- resultItem.coordDim = coordDim;
- resultItem.coordDimIndex = coordDimIndex;
- coordDimNameMap.set(coordDim, true);
- }
- }
- // Make sure the first extra dim is 'value'.
- var generateCoord = opt.generateCoord;
- var generateCoordCount = opt.generateCoordCount;
- var fromZero = generateCoordCount != null;
- generateCoordCount = generateCoord ? generateCoordCount || 1 : 0;
- var extra = generateCoord || 'value';
- function ifNoNameFillWithCoordName(resultItem) {
- if (resultItem.name == null) {
- // Duplication will be removed in the next step.
- resultItem.name = resultItem.coordDim;
- }
- }
- // Set dim `name` and other `coordDim` and other props.
- if (!omitUnusedDimensions) {
- for (var resultDimIdx = 0; resultDimIdx < dimCount; resultDimIdx++) {
- var resultItem = getResultItem(resultDimIdx);
- var coordDim = resultItem.coordDim;
- if (coordDim == null) {
- // TODO no need to generate coordDim for isExtraCoord?
- resultItem.coordDim = genCoordDimName(extra, coordDimNameMap, fromZero);
- resultItem.coordDimIndex = 0;
- // Series specified generateCoord is using out.
- if (!generateCoord || generateCoordCount <= 0) {
- resultItem.isExtraCoord = true;
- }
- generateCoordCount--;
- }
- ifNoNameFillWithCoordName(resultItem);
- if (resultItem.type == null && (guessOrdinal(source, resultDimIdx) === BE_ORDINAL.Must
- // Consider the case:
- // {
- // dataset: {source: [
- // ['2001', 123],
- // ['2002', 456],
- // ...
- // ['The others', 987],
- // ]},
- // series: {type: 'pie'}
- // }
- // The first column should better be treated as a "ordinal" although it
- // might not be detected as an "ordinal" by `guessOrdinal`.
- || resultItem.isExtraCoord && (resultItem.otherDims.itemName != null || resultItem.otherDims.seriesName != null))) {
- resultItem.type = 'ordinal';
- }
- }
- } else {
- each(resultList, function (resultItem) {
- // PENDING: guessOrdinal or let user specify type: 'ordinal' manually?
- ifNoNameFillWithCoordName(resultItem);
- });
- // Sort dimensions: there are some rule that use the last dim as label,
- // and for some latter travel process easier.
- resultList.sort(function (item0, item1) {
- return item0.storeDimIndex - item1.storeDimIndex;
- });
- }
- removeDuplication(resultList);
- return new SeriesDataSchema({
- source: source,
- dimensions: resultList,
- fullDimensionCount: dimCount,
- dimensionOmitted: omitUnusedDimensions
- });
- }
- function removeDuplication(result) {
- var duplicationMap = createHashMap();
- for (var i = 0; i < result.length; i++) {
- var dim = result[i];
- var dimOriginalName = dim.name;
- var count = duplicationMap.get(dimOriginalName) || 0;
- if (count > 0) {
- // Starts from 0.
- dim.name = dimOriginalName + (count - 1);
- }
- count++;
- duplicationMap.set(dimOriginalName, count);
- }
- }
- // ??? TODO
- // Originally detect dimCount by data[0]. Should we
- // optimize it to only by sysDims and dimensions and encode.
- // So only necessary dims will be initialized.
- // But
- // (1) custom series should be considered. where other dims
- // may be visited.
- // (2) sometimes user need to calculate bubble size or use visualMap
- // on other dimensions besides coordSys needed.
- // So, dims that is not used by system, should be shared in data store?
- function getDimCount(source, sysDims, dimsDef, optDimCount) {
- // Note that the result dimCount should not small than columns count
- // of data, otherwise `dataDimNameMap` checking will be incorrect.
- var dimCount = Math.max(source.dimensionsDetectedCount || 1, sysDims.length, dimsDef.length, optDimCount || 0);
- each(sysDims, function (sysDimItem) {
- var sysDimItemDimsDef;
- if (isObject(sysDimItem) && (sysDimItemDimsDef = sysDimItem.dimsDef)) {
- dimCount = Math.max(dimCount, sysDimItemDimsDef.length);
- }
- });
- return dimCount;
- }
- function genCoordDimName(name, map, fromZero) {
- if (fromZero || map.hasKey(name)) {
- var i = 0;
- while (map.hasKey(name + i)) {
- i++;
- }
- name += i;
- }
- map.set(name, true);
- return name;
- }
-
- /**
- * @class
- * For example:
- * {
- * coordSysName: 'cartesian2d',
- * coordSysDims: ['x', 'y', ...],
- * axisMap: HashMap({
- * x: xAxisModel,
- * y: yAxisModel
- * }),
- * categoryAxisMap: HashMap({
- * x: xAxisModel,
- * y: undefined
- * }),
- * // The index of the first category axis in `coordSysDims`.
- * // `null/undefined` means no category axis exists.
- * firstCategoryDimIndex: 1,
- * // To replace user specified encode.
- * }
- */
- var CoordSysInfo = /** @class */function () {
- function CoordSysInfo(coordSysName) {
- this.coordSysDims = [];
- this.axisMap = createHashMap();
- this.categoryAxisMap = createHashMap();
- this.coordSysName = coordSysName;
- }
- return CoordSysInfo;
- }();
- function getCoordSysInfoBySeries(seriesModel) {
- var coordSysName = seriesModel.get('coordinateSystem');
- var result = new CoordSysInfo(coordSysName);
- var fetch = fetchers[coordSysName];
- if (fetch) {
- fetch(seriesModel, result, result.axisMap, result.categoryAxisMap);
- return result;
- }
- }
- var fetchers = {
- cartesian2d: function (seriesModel, result, axisMap, categoryAxisMap) {
- var xAxisModel = seriesModel.getReferringComponents('xAxis', SINGLE_REFERRING).models[0];
- var yAxisModel = seriesModel.getReferringComponents('yAxis', SINGLE_REFERRING).models[0];
- if ("development" !== 'production') {
- if (!xAxisModel) {
- throw new Error('xAxis "' + retrieve(seriesModel.get('xAxisIndex'), seriesModel.get('xAxisId'), 0) + '" not found');
- }
- if (!yAxisModel) {
- throw new Error('yAxis "' + retrieve(seriesModel.get('xAxisIndex'), seriesModel.get('yAxisId'), 0) + '" not found');
- }
- }
- result.coordSysDims = ['x', 'y'];
- axisMap.set('x', xAxisModel);
- axisMap.set('y', yAxisModel);
- if (isCategory(xAxisModel)) {
- categoryAxisMap.set('x', xAxisModel);
- result.firstCategoryDimIndex = 0;
- }
- if (isCategory(yAxisModel)) {
- categoryAxisMap.set('y', yAxisModel);
- result.firstCategoryDimIndex == null && (result.firstCategoryDimIndex = 1);
- }
- },
- singleAxis: function (seriesModel, result, axisMap, categoryAxisMap) {
- var singleAxisModel = seriesModel.getReferringComponents('singleAxis', SINGLE_REFERRING).models[0];
- if ("development" !== 'production') {
- if (!singleAxisModel) {
- throw new Error('singleAxis should be specified.');
- }
- }
- result.coordSysDims = ['single'];
- axisMap.set('single', singleAxisModel);
- if (isCategory(singleAxisModel)) {
- categoryAxisMap.set('single', singleAxisModel);
- result.firstCategoryDimIndex = 0;
- }
- },
- polar: function (seriesModel, result, axisMap, categoryAxisMap) {
- var polarModel = seriesModel.getReferringComponents('polar', SINGLE_REFERRING).models[0];
- var radiusAxisModel = polarModel.findAxisModel('radiusAxis');
- var angleAxisModel = polarModel.findAxisModel('angleAxis');
- if ("development" !== 'production') {
- if (!angleAxisModel) {
- throw new Error('angleAxis option not found');
- }
- if (!radiusAxisModel) {
- throw new Error('radiusAxis option not found');
- }
- }
- result.coordSysDims = ['radius', 'angle'];
- axisMap.set('radius', radiusAxisModel);
- axisMap.set('angle', angleAxisModel);
- if (isCategory(radiusAxisModel)) {
- categoryAxisMap.set('radius', radiusAxisModel);
- result.firstCategoryDimIndex = 0;
- }
- if (isCategory(angleAxisModel)) {
- categoryAxisMap.set('angle', angleAxisModel);
- result.firstCategoryDimIndex == null && (result.firstCategoryDimIndex = 1);
- }
- },
- geo: function (seriesModel, result, axisMap, categoryAxisMap) {
- result.coordSysDims = ['lng', 'lat'];
- },
- parallel: function (seriesModel, result, axisMap, categoryAxisMap) {
- var ecModel = seriesModel.ecModel;
- var parallelModel = ecModel.getComponent('parallel', seriesModel.get('parallelIndex'));
- var coordSysDims = result.coordSysDims = parallelModel.dimensions.slice();
- each(parallelModel.parallelAxisIndex, function (axisIndex, index) {
- var axisModel = ecModel.getComponent('parallelAxis', axisIndex);
- var axisDim = coordSysDims[index];
- axisMap.set(axisDim, axisModel);
- if (isCategory(axisModel)) {
- categoryAxisMap.set(axisDim, axisModel);
- if (result.firstCategoryDimIndex == null) {
- result.firstCategoryDimIndex = index;
- }
- }
- });
- }
- };
- function isCategory(axisModel) {
- return axisModel.get('type') === 'category';
- }
-
- /**
- * Note that it is too complicated to support 3d stack by value
- * (have to create two-dimension inverted index), so in 3d case
- * we just support that stacked by index.
- *
- * @param seriesModel
- * @param dimensionsInput The same as the input of .
- * The input will be modified.
- * @param opt
- * @param opt.stackedCoordDimension Specify a coord dimension if needed.
- * @param opt.byIndex=false
- * @return calculationInfo
- * {
- * stackedDimension: string
- * stackedByDimension: string
- * isStackedByIndex: boolean
- * stackedOverDimension: string
- * stackResultDimension: string
- * }
- */
- function enableDataStack(seriesModel, dimensionsInput, opt) {
- opt = opt || {};
- var byIndex = opt.byIndex;
- var stackedCoordDimension = opt.stackedCoordDimension;
- var dimensionDefineList;
- var schema;
- var store;
- if (isLegacyDimensionsInput(dimensionsInput)) {
- dimensionDefineList = dimensionsInput;
- } else {
- schema = dimensionsInput.schema;
- dimensionDefineList = schema.dimensions;
- store = dimensionsInput.store;
- }
- // Compatibal: when `stack` is set as '', do not stack.
- var mayStack = !!(seriesModel && seriesModel.get('stack'));
- var stackedByDimInfo;
- var stackedDimInfo;
- var stackResultDimension;
- var stackedOverDimension;
- each(dimensionDefineList, function (dimensionInfo, index) {
- if (isString(dimensionInfo)) {
- dimensionDefineList[index] = dimensionInfo = {
- name: dimensionInfo
- };
- }
- if (mayStack && !dimensionInfo.isExtraCoord) {
- // Find the first ordinal dimension as the stackedByDimInfo.
- if (!byIndex && !stackedByDimInfo && dimensionInfo.ordinalMeta) {
- stackedByDimInfo = dimensionInfo;
- }
- // Find the first stackable dimension as the stackedDimInfo.
- if (!stackedDimInfo && dimensionInfo.type !== 'ordinal' && dimensionInfo.type !== 'time' && (!stackedCoordDimension || stackedCoordDimension === dimensionInfo.coordDim)) {
- stackedDimInfo = dimensionInfo;
- }
- }
- });
- if (stackedDimInfo && !byIndex && !stackedByDimInfo) {
- // Compatible with previous design, value axis (time axis) only stack by index.
- // It may make sense if the user provides elaborately constructed data.
- byIndex = true;
- }
- // Add stack dimension, they can be both calculated by coordinate system in `unionExtent`.
- // That put stack logic in List is for using conveniently in echarts extensions, but it
- // might not be a good way.
- if (stackedDimInfo) {
- // Use a weird name that not duplicated with other names.
- // Also need to use seriesModel.id as postfix because different
- // series may share same data store. The stack dimension needs to be distinguished.
- stackResultDimension = '__\0ecstackresult_' + seriesModel.id;
- stackedOverDimension = '__\0ecstackedover_' + seriesModel.id;
- // Create inverted index to fast query index by value.
- if (stackedByDimInfo) {
- stackedByDimInfo.createInvertedIndices = true;
- }
- var stackedDimCoordDim_1 = stackedDimInfo.coordDim;
- var stackedDimType = stackedDimInfo.type;
- var stackedDimCoordIndex_1 = 0;
- each(dimensionDefineList, function (dimensionInfo) {
- if (dimensionInfo.coordDim === stackedDimCoordDim_1) {
- stackedDimCoordIndex_1++;
- }
- });
- var stackedOverDimensionDefine = {
- name: stackResultDimension,
- coordDim: stackedDimCoordDim_1,
- coordDimIndex: stackedDimCoordIndex_1,
- type: stackedDimType,
- isExtraCoord: true,
- isCalculationCoord: true,
- storeDimIndex: dimensionDefineList.length
- };
- var stackResultDimensionDefine = {
- name: stackedOverDimension,
- // This dimension contains stack base (generally, 0), so do not set it as
- // `stackedDimCoordDim` to avoid extent calculation, consider log scale.
- coordDim: stackedOverDimension,
- coordDimIndex: stackedDimCoordIndex_1 + 1,
- type: stackedDimType,
- isExtraCoord: true,
- isCalculationCoord: true,
- storeDimIndex: dimensionDefineList.length + 1
- };
- if (schema) {
- if (store) {
- stackedOverDimensionDefine.storeDimIndex = store.ensureCalculationDimension(stackedOverDimension, stackedDimType);
- stackResultDimensionDefine.storeDimIndex = store.ensureCalculationDimension(stackResultDimension, stackedDimType);
- }
- schema.appendCalculationDimension(stackedOverDimensionDefine);
- schema.appendCalculationDimension(stackResultDimensionDefine);
- } else {
- dimensionDefineList.push(stackedOverDimensionDefine);
- dimensionDefineList.push(stackResultDimensionDefine);
- }
- }
- return {
- stackedDimension: stackedDimInfo && stackedDimInfo.name,
- stackedByDimension: stackedByDimInfo && stackedByDimInfo.name,
- isStackedByIndex: byIndex,
- stackedOverDimension: stackedOverDimension,
- stackResultDimension: stackResultDimension
- };
- }
- function isLegacyDimensionsInput(dimensionsInput) {
- return !isSeriesDataSchema(dimensionsInput.schema);
- }
- function isDimensionStacked(data, stackedDim) {
- // Each single series only maps to one pair of axis. So we do not need to
- // check stackByDim, whatever stacked by a dimension or stacked by index.
- return !!stackedDim && stackedDim === data.getCalculationInfo('stackedDimension');
- }
- function getStackedDimension(data, targetDim) {
- return isDimensionStacked(data, targetDim) ? data.getCalculationInfo('stackResultDimension') : targetDim;
- }
-
- function getCoordSysDimDefs(seriesModel, coordSysInfo) {
- var coordSysName = seriesModel.get('coordinateSystem');
- var registeredCoordSys = CoordinateSystemManager.get(coordSysName);
- var coordSysDimDefs;
- if (coordSysInfo && coordSysInfo.coordSysDims) {
- coordSysDimDefs = map(coordSysInfo.coordSysDims, function (dim) {
- var dimInfo = {
- name: dim
- };
- var axisModel = coordSysInfo.axisMap.get(dim);
- if (axisModel) {
- var axisType = axisModel.get('type');
- dimInfo.type = getDimensionTypeByAxis(axisType);
- }
- return dimInfo;
- });
- }
- if (!coordSysDimDefs) {
- // Get dimensions from registered coordinate system
- coordSysDimDefs = registeredCoordSys && (registeredCoordSys.getDimensionsInfo ? registeredCoordSys.getDimensionsInfo() : registeredCoordSys.dimensions.slice()) || ['x', 'y'];
- }
- return coordSysDimDefs;
- }
- function injectOrdinalMeta(dimInfoList, createInvertedIndices, coordSysInfo) {
- var firstCategoryDimIndex;
- var hasNameEncode;
- coordSysInfo && each(dimInfoList, function (dimInfo, dimIndex) {
- var coordDim = dimInfo.coordDim;
- var categoryAxisModel = coordSysInfo.categoryAxisMap.get(coordDim);
- if (categoryAxisModel) {
- if (firstCategoryDimIndex == null) {
- firstCategoryDimIndex = dimIndex;
- }
- dimInfo.ordinalMeta = categoryAxisModel.getOrdinalMeta();
- if (createInvertedIndices) {
- dimInfo.createInvertedIndices = true;
- }
- }
- if (dimInfo.otherDims.itemName != null) {
- hasNameEncode = true;
- }
- });
- if (!hasNameEncode && firstCategoryDimIndex != null) {
- dimInfoList[firstCategoryDimIndex].otherDims.itemName = 0;
- }
- return firstCategoryDimIndex;
- }
- /**
- * Caution: there are side effects to `sourceManager` in this method.
- * Should better only be called in `Series['getInitialData']`.
- */
- function createSeriesData(sourceRaw, seriesModel, opt) {
- opt = opt || {};
- var sourceManager = seriesModel.getSourceManager();
- var source;
- var isOriginalSource = false;
- if (sourceRaw) {
- isOriginalSource = true;
- source = createSourceFromSeriesDataOption(sourceRaw);
- } else {
- source = sourceManager.getSource();
- // Is series.data. not dataset.
- isOriginalSource = source.sourceFormat === SOURCE_FORMAT_ORIGINAL;
- }
- var coordSysInfo = getCoordSysInfoBySeries(seriesModel);
- var coordSysDimDefs = getCoordSysDimDefs(seriesModel, coordSysInfo);
- var useEncodeDefaulter = opt.useEncodeDefaulter;
- var encodeDefaulter = isFunction(useEncodeDefaulter) ? useEncodeDefaulter : useEncodeDefaulter ? curry(makeSeriesEncodeForAxisCoordSys, coordSysDimDefs, seriesModel) : null;
- var createDimensionOptions = {
- coordDimensions: coordSysDimDefs,
- generateCoord: opt.generateCoord,
- encodeDefine: seriesModel.getEncode(),
- encodeDefaulter: encodeDefaulter,
- canOmitUnusedDimensions: !isOriginalSource
- };
- var schema = prepareSeriesDataSchema(source, createDimensionOptions);
- var firstCategoryDimIndex = injectOrdinalMeta(schema.dimensions, opt.createInvertedIndices, coordSysInfo);
- var store = !isOriginalSource ? sourceManager.getSharedDataStore(schema) : null;
- var stackCalculationInfo = enableDataStack(seriesModel, {
- schema: schema,
- store: store
- });
- var data = new SeriesData(schema, seriesModel);
- data.setCalculationInfo(stackCalculationInfo);
- var dimValueGetter = firstCategoryDimIndex != null && isNeedCompleteOrdinalData(source) ? function (itemOpt, dimName, dataIndex, dimIndex) {
- // Use dataIndex as ordinal value in categoryAxis
- return dimIndex === firstCategoryDimIndex ? dataIndex : this.defaultDimValueGetter(itemOpt, dimName, dataIndex, dimIndex);
- } : null;
- data.hasItemOption = false;
- data.initData(
- // Try to reuse the data store in sourceManager if using dataset.
- isOriginalSource ? source : store, null, dimValueGetter);
- return data;
- }
- function isNeedCompleteOrdinalData(source) {
- if (source.sourceFormat === SOURCE_FORMAT_ORIGINAL) {
- var sampleItem = firstDataNotNull(source.data || []);
- return !isArray(getDataItemValue(sampleItem));
- }
- }
- function firstDataNotNull(arr) {
- var i = 0;
- while (i < arr.length && arr[i] == null) {
- i++;
- }
- return arr[i];
- }
-
- var Scale = /** @class */function () {
- function Scale(setting) {
- this._setting = setting || {};
- this._extent = [Infinity, -Infinity];
- }
- Scale.prototype.getSetting = function (name) {
- return this._setting[name];
- };
- /**
- * Set extent from data
- */
- Scale.prototype.unionExtent = function (other) {
- var extent = this._extent;
- other[0] < extent[0] && (extent[0] = other[0]);
- other[1] > extent[1] && (extent[1] = other[1]);
- // not setExtent because in log axis it may transformed to power
- // this.setExtent(extent[0], extent[1]);
- };
- /**
- * Set extent from data
- */
- Scale.prototype.unionExtentFromData = function (data, dim) {
- this.unionExtent(data.getApproximateExtent(dim));
- };
- /**
- * Get extent
- *
- * Extent is always in increase order.
- */
- Scale.prototype.getExtent = function () {
- return this._extent.slice();
- };
- /**
- * Set extent
- */
- Scale.prototype.setExtent = function (start, end) {
- var thisExtent = this._extent;
- if (!isNaN(start)) {
- thisExtent[0] = start;
- }
- if (!isNaN(end)) {
- thisExtent[1] = end;
- }
- };
- /**
- * If value is in extent range
- */
- Scale.prototype.isInExtentRange = function (value) {
- return this._extent[0] <= value && this._extent[1] >= value;
- };
- /**
- * When axis extent depends on data and no data exists,
- * axis ticks should not be drawn, which is named 'blank'.
- */
- Scale.prototype.isBlank = function () {
- return this._isBlank;
- };
- /**
- * When axis extent depends on data and no data exists,
- * axis ticks should not be drawn, which is named 'blank'.
- */
- Scale.prototype.setBlank = function (isBlank) {
- this._isBlank = isBlank;
- };
- return Scale;
- }();
- enableClassManagement(Scale);
-
- var uidBase = 0;
- var OrdinalMeta = /** @class */function () {
- function OrdinalMeta(opt) {
- this.categories = opt.categories || [];
- this._needCollect = opt.needCollect;
- this._deduplication = opt.deduplication;
- this.uid = ++uidBase;
- }
- OrdinalMeta.createByAxisModel = function (axisModel) {
- var option = axisModel.option;
- var data = option.data;
- var categories = data && map(data, getName);
- return new OrdinalMeta({
- categories: categories,
- needCollect: !categories,
- // deduplication is default in axis.
- deduplication: option.dedplication !== false
- });
- };
- OrdinalMeta.prototype.getOrdinal = function (category) {
- // @ts-ignore
- return this._getOrCreateMap().get(category);
- };
- /**
- * @return The ordinal. If not found, return NaN.
- */
- OrdinalMeta.prototype.parseAndCollect = function (category) {
- var index;
- var needCollect = this._needCollect;
- // The value of category dim can be the index of the given category set.
- // This feature is only supported when !needCollect, because we should
- // consider a common case: a value is 2017, which is a number but is
- // expected to be tread as a category. This case usually happen in dataset,
- // where it happent to be no need of the index feature.
- if (!isString(category) && !needCollect) {
- return category;
- }
- // Optimize for the scenario:
- // category is ['2012-01-01', '2012-01-02', ...], where the input
- // data has been ensured not duplicate and is large data.
- // Notice, if a dataset dimension provide categroies, usually echarts
- // should remove duplication except user tell echarts dont do that
- // (set axis.deduplication = false), because echarts do not know whether
- // the values in the category dimension has duplication (consider the
- // parallel-aqi example)
- if (needCollect && !this._deduplication) {
- index = this.categories.length;
- this.categories[index] = category;
- return index;
- }
- var map = this._getOrCreateMap();
- // @ts-ignore
- index = map.get(category);
- if (index == null) {
- if (needCollect) {
- index = this.categories.length;
- this.categories[index] = category;
- // @ts-ignore
- map.set(category, index);
- } else {
- index = NaN;
- }
- }
- return index;
- };
- // Consider big data, do not create map until needed.
- OrdinalMeta.prototype._getOrCreateMap = function () {
- return this._map || (this._map = createHashMap(this.categories));
- };
- return OrdinalMeta;
- }();
- function getName(obj) {
- if (isObject(obj) && obj.value != null) {
- return obj.value;
- } else {
- return obj + '';
- }
- }
-
- function isValueNice(val) {
- var exp10 = Math.pow(10, quantityExponent(Math.abs(val)));
- var f = Math.abs(val / exp10);
- return f === 0 || f === 1 || f === 2 || f === 3 || f === 5;
- }
- function isIntervalOrLogScale(scale) {
- return scale.type === 'interval' || scale.type === 'log';
- }
- /**
- * @param extent Both extent[0] and extent[1] should be valid number.
- * Should be extent[0] < extent[1].
- * @param splitNumber splitNumber should be >= 1.
- */
- function intervalScaleNiceTicks(extent, splitNumber, minInterval, maxInterval) {
- var result = {};
- var span = extent[1] - extent[0];
- var interval = result.interval = nice(span / splitNumber, true);
- if (minInterval != null && interval < minInterval) {
- interval = result.interval = minInterval;
- }
- if (maxInterval != null && interval > maxInterval) {
- interval = result.interval = maxInterval;
- }
- // Tow more digital for tick.
- var precision = result.intervalPrecision = getIntervalPrecision(interval);
- // Niced extent inside original extent
- var niceTickExtent = result.niceTickExtent = [round(Math.ceil(extent[0] / interval) * interval, precision), round(Math.floor(extent[1] / interval) * interval, precision)];
- fixExtent(niceTickExtent, extent);
- return result;
- }
- function increaseInterval(interval) {
- var exp10 = Math.pow(10, quantityExponent(interval));
- // Increase interval
- var f = interval / exp10;
- if (!f) {
- f = 1;
- } else if (f === 2) {
- f = 3;
- } else if (f === 3) {
- f = 5;
- } else {
- // f is 1 or 5
- f *= 2;
- }
- return round(f * exp10);
- }
- /**
- * @return interval precision
- */
- function getIntervalPrecision(interval) {
- // Tow more digital for tick.
- return getPrecision(interval) + 2;
- }
- function clamp(niceTickExtent, idx, extent) {
- niceTickExtent[idx] = Math.max(Math.min(niceTickExtent[idx], extent[1]), extent[0]);
- }
- // In some cases (e.g., splitNumber is 1), niceTickExtent may be out of extent.
- function fixExtent(niceTickExtent, extent) {
- !isFinite(niceTickExtent[0]) && (niceTickExtent[0] = extent[0]);
- !isFinite(niceTickExtent[1]) && (niceTickExtent[1] = extent[1]);
- clamp(niceTickExtent, 0, extent);
- clamp(niceTickExtent, 1, extent);
- if (niceTickExtent[0] > niceTickExtent[1]) {
- niceTickExtent[0] = niceTickExtent[1];
- }
- }
- function contain$1(val, extent) {
- return val >= extent[0] && val <= extent[1];
- }
- function normalize$1(val, extent) {
- if (extent[1] === extent[0]) {
- return 0.5;
- }
- return (val - extent[0]) / (extent[1] - extent[0]);
- }
- function scale$2(val, extent) {
- return val * (extent[1] - extent[0]) + extent[0];
- }
-
- var OrdinalScale = /** @class */function (_super) {
- __extends(OrdinalScale, _super);
- function OrdinalScale(setting) {
- var _this = _super.call(this, setting) || this;
- _this.type = 'ordinal';
- var ordinalMeta = _this.getSetting('ordinalMeta');
- // Caution: Should not use instanceof, consider ec-extensions using
- // import approach to get OrdinalMeta class.
- if (!ordinalMeta) {
- ordinalMeta = new OrdinalMeta({});
- }
- if (isArray(ordinalMeta)) {
- ordinalMeta = new OrdinalMeta({
- categories: map(ordinalMeta, function (item) {
- return isObject(item) ? item.value : item;
- })
- });
- }
- _this._ordinalMeta = ordinalMeta;
- _this._extent = _this.getSetting('extent') || [0, ordinalMeta.categories.length - 1];
- return _this;
- }
- OrdinalScale.prototype.parse = function (val) {
- // Caution: Math.round(null) will return `0` rather than `NaN`
- if (val == null) {
- return NaN;
- }
- return isString(val) ? this._ordinalMeta.getOrdinal(val)
- // val might be float.
- : Math.round(val);
- };
- OrdinalScale.prototype.contain = function (rank) {
- rank = this.parse(rank);
- return contain$1(rank, this._extent) && this._ordinalMeta.categories[rank] != null;
- };
- /**
- * Normalize given rank or name to linear [0, 1]
- * @param val raw ordinal number.
- * @return normalized value in [0, 1].
- */
- OrdinalScale.prototype.normalize = function (val) {
- val = this._getTickNumber(this.parse(val));
- return normalize$1(val, this._extent);
- };
- /**
- * @param val normalized value in [0, 1].
- * @return raw ordinal number.
- */
- OrdinalScale.prototype.scale = function (val) {
- val = Math.round(scale$2(val, this._extent));
- return this.getRawOrdinalNumber(val);
- };
- OrdinalScale.prototype.getTicks = function () {
- var ticks = [];
- var extent = this._extent;
- var rank = extent[0];
- while (rank <= extent[1]) {
- ticks.push({
- value: rank
- });
- rank++;
- }
- return ticks;
- };
- OrdinalScale.prototype.getMinorTicks = function (splitNumber) {
- // Not support.
- return;
- };
- /**
- * @see `Ordinal['_ordinalNumbersByTick']`
- */
- OrdinalScale.prototype.setSortInfo = function (info) {
- if (info == null) {
- this._ordinalNumbersByTick = this._ticksByOrdinalNumber = null;
- return;
- }
- var infoOrdinalNumbers = info.ordinalNumbers;
- var ordinalsByTick = this._ordinalNumbersByTick = [];
- var ticksByOrdinal = this._ticksByOrdinalNumber = [];
- // Unnecessary support negative tick in `realtimeSort`.
- var tickNum = 0;
- var allCategoryLen = this._ordinalMeta.categories.length;
- for (var len = Math.min(allCategoryLen, infoOrdinalNumbers.length); tickNum < len; ++tickNum) {
- var ordinalNumber = infoOrdinalNumbers[tickNum];
- ordinalsByTick[tickNum] = ordinalNumber;
- ticksByOrdinal[ordinalNumber] = tickNum;
- }
- // Handle that `series.data` only covers part of the `axis.category.data`.
- var unusedOrdinal = 0;
- for (; tickNum < allCategoryLen; ++tickNum) {
- while (ticksByOrdinal[unusedOrdinal] != null) {
- unusedOrdinal++;
- }
- ordinalsByTick.push(unusedOrdinal);
- ticksByOrdinal[unusedOrdinal] = tickNum;
- }
- };
- OrdinalScale.prototype._getTickNumber = function (ordinal) {
- var ticksByOrdinalNumber = this._ticksByOrdinalNumber;
- // also support ordinal out of range of `ordinalMeta.categories.length`,
- // where ordinal numbers are used as tick value directly.
- return ticksByOrdinalNumber && ordinal >= 0 && ordinal < ticksByOrdinalNumber.length ? ticksByOrdinalNumber[ordinal] : ordinal;
- };
- /**
- * @usage
- * ```js
- * const ordinalNumber = ordinalScale.getRawOrdinalNumber(tickVal);
- *
- * // case0
- * const rawOrdinalValue = axisModel.getCategories()[ordinalNumber];
- * // case1
- * const rawOrdinalValue = this._ordinalMeta.categories[ordinalNumber];
- * // case2
- * const coord = axis.dataToCoord(ordinalNumber);
- * ```
- *
- * @param {OrdinalNumber} tickNumber index of display
- */
- OrdinalScale.prototype.getRawOrdinalNumber = function (tickNumber) {
- var ordinalNumbersByTick = this._ordinalNumbersByTick;
- // tickNumber may be out of range, e.g., when axis max is larger than `ordinalMeta.categories.length`.,
- // where ordinal numbers are used as tick value directly.
- return ordinalNumbersByTick && tickNumber >= 0 && tickNumber < ordinalNumbersByTick.length ? ordinalNumbersByTick[tickNumber] : tickNumber;
- };
- /**
- * Get item on tick
- */
- OrdinalScale.prototype.getLabel = function (tick) {
- if (!this.isBlank()) {
- var ordinalNumber = this.getRawOrdinalNumber(tick.value);
- var cateogry = this._ordinalMeta.categories[ordinalNumber];
- // Note that if no data, ordinalMeta.categories is an empty array.
- // Return empty if it's not exist.
- return cateogry == null ? '' : cateogry + '';
- }
- };
- OrdinalScale.prototype.count = function () {
- return this._extent[1] - this._extent[0] + 1;
- };
- OrdinalScale.prototype.unionExtentFromData = function (data, dim) {
- this.unionExtent(data.getApproximateExtent(dim));
- };
- /**
- * @override
- * If value is in extent range
- */
- OrdinalScale.prototype.isInExtentRange = function (value) {
- value = this._getTickNumber(value);
- return this._extent[0] <= value && this._extent[1] >= value;
- };
- OrdinalScale.prototype.getOrdinalMeta = function () {
- return this._ordinalMeta;
- };
- OrdinalScale.prototype.calcNiceTicks = function () {};
- OrdinalScale.prototype.calcNiceExtent = function () {};
- OrdinalScale.type = 'ordinal';
- return OrdinalScale;
- }(Scale);
- Scale.registerClass(OrdinalScale);
-
- var roundNumber = round;
- var IntervalScale = /** @class */function (_super) {
- __extends(IntervalScale, _super);
- function IntervalScale() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = 'interval';
- // Step is calculated in adjustExtent.
- _this._interval = 0;
- _this._intervalPrecision = 2;
- return _this;
- }
- IntervalScale.prototype.parse = function (val) {
- return val;
- };
- IntervalScale.prototype.contain = function (val) {
- return contain$1(val, this._extent);
- };
- IntervalScale.prototype.normalize = function (val) {
- return normalize$1(val, this._extent);
- };
- IntervalScale.prototype.scale = function (val) {
- return scale$2(val, this._extent);
- };
- IntervalScale.prototype.setExtent = function (start, end) {
- var thisExtent = this._extent;
- // start,end may be a Number like '25',so...
- if (!isNaN(start)) {
- thisExtent[0] = parseFloat(start);
- }
- if (!isNaN(end)) {
- thisExtent[1] = parseFloat(end);
- }
- };
- IntervalScale.prototype.unionExtent = function (other) {
- var extent = this._extent;
- other[0] < extent[0] && (extent[0] = other[0]);
- other[1] > extent[1] && (extent[1] = other[1]);
- // unionExtent may called by it's sub classes
- this.setExtent(extent[0], extent[1]);
- };
- IntervalScale.prototype.getInterval = function () {
- return this._interval;
- };
- IntervalScale.prototype.setInterval = function (interval) {
- this._interval = interval;
- // Dropped auto calculated niceExtent and use user-set extent.
- // We assume user wants to set both interval, min, max to get a better result.
- this._niceExtent = this._extent.slice();
- this._intervalPrecision = getIntervalPrecision(interval);
- };
- /**
- * @param expandToNicedExtent Whether expand the ticks to niced extent.
- */
- IntervalScale.prototype.getTicks = function (expandToNicedExtent) {
- var interval = this._interval;
- var extent = this._extent;
- var niceTickExtent = this._niceExtent;
- var intervalPrecision = this._intervalPrecision;
- var ticks = [];
- // If interval is 0, return [];
- if (!interval) {
- return ticks;
- }
- // Consider this case: using dataZoom toolbox, zoom and zoom.
- var safeLimit = 10000;
- if (extent[0] < niceTickExtent[0]) {
- if (expandToNicedExtent) {
- ticks.push({
- value: roundNumber(niceTickExtent[0] - interval, intervalPrecision)
- });
- } else {
- ticks.push({
- value: extent[0]
- });
- }
- }
- var tick = niceTickExtent[0];
- while (tick <= niceTickExtent[1]) {
- ticks.push({
- value: tick
- });
- // Avoid rounding error
- tick = roundNumber(tick + interval, intervalPrecision);
- if (tick === ticks[ticks.length - 1].value) {
- // Consider out of safe float point, e.g.,
- // -3711126.9907707 + 2e-10 === -3711126.9907707
- break;
- }
- if (ticks.length > safeLimit) {
- return [];
- }
- }
- // Consider this case: the last item of ticks is smaller
- // than niceTickExtent[1] and niceTickExtent[1] === extent[1].
- var lastNiceTick = ticks.length ? ticks[ticks.length - 1].value : niceTickExtent[1];
- if (extent[1] > lastNiceTick) {
- if (expandToNicedExtent) {
- ticks.push({
- value: roundNumber(lastNiceTick + interval, intervalPrecision)
- });
- } else {
- ticks.push({
- value: extent[1]
- });
- }
- }
- return ticks;
- };
- IntervalScale.prototype.getMinorTicks = function (splitNumber) {
- var ticks = this.getTicks(true);
- var minorTicks = [];
- var extent = this.getExtent();
- for (var i = 1; i < ticks.length; i++) {
- var nextTick = ticks[i];
- var prevTick = ticks[i - 1];
- var count = 0;
- var minorTicksGroup = [];
- var interval = nextTick.value - prevTick.value;
- var minorInterval = interval / splitNumber;
- while (count < splitNumber - 1) {
- var minorTick = roundNumber(prevTick.value + (count + 1) * minorInterval);
- // For the first and last interval. The count may be less than splitNumber.
- if (minorTick > extent[0] && minorTick < extent[1]) {
- minorTicksGroup.push(minorTick);
- }
- count++;
- }
- minorTicks.push(minorTicksGroup);
- }
- return minorTicks;
- };
- /**
- * @param opt.precision If 'auto', use nice presision.
- * @param opt.pad returns 1.50 but not 1.5 if precision is 2.
- */
- IntervalScale.prototype.getLabel = function (data, opt) {
- if (data == null) {
- return '';
- }
- var precision = opt && opt.precision;
- if (precision == null) {
- precision = getPrecision(data.value) || 0;
- } else if (precision === 'auto') {
- // Should be more precise then tick.
- precision = this._intervalPrecision;
- }
- // (1) If `precision` is set, 12.005 should be display as '12.00500'.
- // (2) Use roundNumber (toFixed) to avoid scientific notation like '3.5e-7'.
- var dataNum = roundNumber(data.value, precision, true);
- return addCommas(dataNum);
- };
- /**
- * @param splitNumber By default `5`.
- */
- IntervalScale.prototype.calcNiceTicks = function (splitNumber, minInterval, maxInterval) {
- splitNumber = splitNumber || 5;
- var extent = this._extent;
- var span = extent[1] - extent[0];
- if (!isFinite(span)) {
- return;
- }
- // User may set axis min 0 and data are all negative
- // FIXME If it needs to reverse ?
- if (span < 0) {
- span = -span;
- extent.reverse();
- }
- var result = intervalScaleNiceTicks(extent, splitNumber, minInterval, maxInterval);
- this._intervalPrecision = result.intervalPrecision;
- this._interval = result.interval;
- this._niceExtent = result.niceTickExtent;
- };
- IntervalScale.prototype.calcNiceExtent = function (opt) {
- var extent = this._extent;
- // If extent start and end are same, expand them
- if (extent[0] === extent[1]) {
- if (extent[0] !== 0) {
- // Expand extent
- // Note that extents can be both negative. See #13154
- var expandSize = Math.abs(extent[0]);
- // In the fowllowing case
- // Axis has been fixed max 100
- // Plus data are all 100 and axis extent are [100, 100].
- // Extend to the both side will cause expanded max is larger than fixed max.
- // So only expand to the smaller side.
- if (!opt.fixMax) {
- extent[1] += expandSize / 2;
- extent[0] -= expandSize / 2;
- } else {
- extent[0] -= expandSize / 2;
- }
- } else {
- extent[1] = 1;
- }
- }
- var span = extent[1] - extent[0];
- // If there are no data and extent are [Infinity, -Infinity]
- if (!isFinite(span)) {
- extent[0] = 0;
- extent[1] = 1;
- }
- this.calcNiceTicks(opt.splitNumber, opt.minInterval, opt.maxInterval);
- // let extent = this._extent;
- var interval = this._interval;
- if (!opt.fixMin) {
- extent[0] = roundNumber(Math.floor(extent[0] / interval) * interval);
- }
- if (!opt.fixMax) {
- extent[1] = roundNumber(Math.ceil(extent[1] / interval) * interval);
- }
- };
- IntervalScale.prototype.setNiceExtent = function (min, max) {
- this._niceExtent = [min, max];
- };
- IntervalScale.type = 'interval';
- return IntervalScale;
- }(Scale);
- Scale.registerClass(IntervalScale);
-
- /* global Float32Array */
- var supportFloat32Array = typeof Float32Array !== 'undefined';
- var Float32ArrayCtor = !supportFloat32Array ? Array : Float32Array;
- function createFloat32Array(arg) {
- if (isArray(arg)) {
- // Return self directly if don't support TypedArray.
- return supportFloat32Array ? new Float32Array(arg) : arg;
- }
- // Else is number
- return new Float32ArrayCtor(arg);
- }
-
- var STACK_PREFIX = '__ec_stack_';
- function getSeriesStackId(seriesModel) {
- return seriesModel.get('stack') || STACK_PREFIX + seriesModel.seriesIndex;
- }
- function getAxisKey(axis) {
- return axis.dim + axis.index;
- }
- /**
- * @return {Object} {width, offset, offsetCenter} If axis.type is not 'category', return undefined.
- */
- function getLayoutOnAxis(opt) {
- var params = [];
- var baseAxis = opt.axis;
- var axisKey = 'axis0';
- if (baseAxis.type !== 'category') {
- return;
- }
- var bandWidth = baseAxis.getBandWidth();
- for (var i = 0; i < opt.count || 0; i++) {
- params.push(defaults({
- bandWidth: bandWidth,
- axisKey: axisKey,
- stackId: STACK_PREFIX + i
- }, opt));
- }
- var widthAndOffsets = doCalBarWidthAndOffset(params);
- var result = [];
- for (var i = 0; i < opt.count; i++) {
- var item = widthAndOffsets[axisKey][STACK_PREFIX + i];
- item.offsetCenter = item.offset + item.width / 2;
- result.push(item);
- }
- return result;
- }
- function prepareLayoutBarSeries(seriesType, ecModel) {
- var seriesModels = [];
- ecModel.eachSeriesByType(seriesType, function (seriesModel) {
- // Check series coordinate, do layout for cartesian2d only
- if (isOnCartesian(seriesModel)) {
- seriesModels.push(seriesModel);
- }
- });
- return seriesModels;
- }
- /**
- * Map from (baseAxis.dim + '_' + baseAxis.index) to min gap of two adjacent
- * values.
- * This works for time axes, value axes, and log axes.
- * For a single time axis, return value is in the form like
- * {'x_0': [1000000]}.
- * The value of 1000000 is in milliseconds.
- */
- function getValueAxesMinGaps(barSeries) {
- /**
- * Map from axis.index to values.
- * For a single time axis, axisValues is in the form like
- * {'x_0': [1495555200000, 1495641600000, 1495728000000]}.
- * Items in axisValues[x], e.g. 1495555200000, are time values of all
- * series.
- */
- var axisValues = {};
- each(barSeries, function (seriesModel) {
- var cartesian = seriesModel.coordinateSystem;
- var baseAxis = cartesian.getBaseAxis();
- if (baseAxis.type !== 'time' && baseAxis.type !== 'value') {
- return;
- }
- var data = seriesModel.getData();
- var key = baseAxis.dim + '_' + baseAxis.index;
- var dimIdx = data.getDimensionIndex(data.mapDimension(baseAxis.dim));
- var store = data.getStore();
- for (var i = 0, cnt = store.count(); i < cnt; ++i) {
- var value = store.get(dimIdx, i);
- if (!axisValues[key]) {
- // No previous data for the axis
- axisValues[key] = [value];
- } else {
- // No value in previous series
- axisValues[key].push(value);
- }
- // Ignore duplicated time values in the same axis
- }
- });
-
- var axisMinGaps = {};
- for (var key in axisValues) {
- if (axisValues.hasOwnProperty(key)) {
- var valuesInAxis = axisValues[key];
- if (valuesInAxis) {
- // Sort axis values into ascending order to calculate gaps
- valuesInAxis.sort(function (a, b) {
- return a - b;
- });
- var min = null;
- for (var j = 1; j < valuesInAxis.length; ++j) {
- var delta = valuesInAxis[j] - valuesInAxis[j - 1];
- if (delta > 0) {
- // Ignore 0 delta because they are of the same axis value
- min = min === null ? delta : Math.min(min, delta);
- }
- }
- // Set to null if only have one data
- axisMinGaps[key] = min;
- }
- }
- }
- return axisMinGaps;
- }
- function makeColumnLayout(barSeries) {
- var axisMinGaps = getValueAxesMinGaps(barSeries);
- var seriesInfoList = [];
- each(barSeries, function (seriesModel) {
- var cartesian = seriesModel.coordinateSystem;
- var baseAxis = cartesian.getBaseAxis();
- var axisExtent = baseAxis.getExtent();
- var bandWidth;
- if (baseAxis.type === 'category') {
- bandWidth = baseAxis.getBandWidth();
- } else if (baseAxis.type === 'value' || baseAxis.type === 'time') {
- var key = baseAxis.dim + '_' + baseAxis.index;
- var minGap = axisMinGaps[key];
- var extentSpan = Math.abs(axisExtent[1] - axisExtent[0]);
- var scale = baseAxis.scale.getExtent();
- var scaleSpan = Math.abs(scale[1] - scale[0]);
- bandWidth = minGap ? extentSpan / scaleSpan * minGap : extentSpan; // When there is only one data value
- } else {
- var data = seriesModel.getData();
- bandWidth = Math.abs(axisExtent[1] - axisExtent[0]) / data.count();
- }
- var barWidth = parsePercent$1(seriesModel.get('barWidth'), bandWidth);
- var barMaxWidth = parsePercent$1(seriesModel.get('barMaxWidth'), bandWidth);
- var barMinWidth = parsePercent$1(
- // barMinWidth by default is 0.5 / 1 in cartesian. Because in value axis,
- // the auto-calculated bar width might be less than 0.5 / 1.
- seriesModel.get('barMinWidth') || (isInLargeMode(seriesModel) ? 0.5 : 1), bandWidth);
- var barGap = seriesModel.get('barGap');
- var barCategoryGap = seriesModel.get('barCategoryGap');
- seriesInfoList.push({
- bandWidth: bandWidth,
- barWidth: barWidth,
- barMaxWidth: barMaxWidth,
- barMinWidth: barMinWidth,
- barGap: barGap,
- barCategoryGap: barCategoryGap,
- axisKey: getAxisKey(baseAxis),
- stackId: getSeriesStackId(seriesModel)
- });
- });
- return doCalBarWidthAndOffset(seriesInfoList);
- }
- function doCalBarWidthAndOffset(seriesInfoList) {
- // Columns info on each category axis. Key is cartesian name
- var columnsMap = {};
- each(seriesInfoList, function (seriesInfo, idx) {
- var axisKey = seriesInfo.axisKey;
- var bandWidth = seriesInfo.bandWidth;
- var columnsOnAxis = columnsMap[axisKey] || {
- bandWidth: bandWidth,
- remainedWidth: bandWidth,
- autoWidthCount: 0,
- categoryGap: null,
- gap: '20%',
- stacks: {}
- };
- var stacks = columnsOnAxis.stacks;
- columnsMap[axisKey] = columnsOnAxis;
- var stackId = seriesInfo.stackId;
- if (!stacks[stackId]) {
- columnsOnAxis.autoWidthCount++;
- }
- stacks[stackId] = stacks[stackId] || {
- width: 0,
- maxWidth: 0
- };
- // Caution: In a single coordinate system, these barGrid attributes
- // will be shared by series. Consider that they have default values,
- // only the attributes set on the last series will work.
- // Do not change this fact unless there will be a break change.
- var barWidth = seriesInfo.barWidth;
- if (barWidth && !stacks[stackId].width) {
- // See #6312, do not restrict width.
- stacks[stackId].width = barWidth;
- barWidth = Math.min(columnsOnAxis.remainedWidth, barWidth);
- columnsOnAxis.remainedWidth -= barWidth;
- }
- var barMaxWidth = seriesInfo.barMaxWidth;
- barMaxWidth && (stacks[stackId].maxWidth = barMaxWidth);
- var barMinWidth = seriesInfo.barMinWidth;
- barMinWidth && (stacks[stackId].minWidth = barMinWidth);
- var barGap = seriesInfo.barGap;
- barGap != null && (columnsOnAxis.gap = barGap);
- var barCategoryGap = seriesInfo.barCategoryGap;
- barCategoryGap != null && (columnsOnAxis.categoryGap = barCategoryGap);
- });
- var result = {};
- each(columnsMap, function (columnsOnAxis, coordSysName) {
- result[coordSysName] = {};
- var stacks = columnsOnAxis.stacks;
- var bandWidth = columnsOnAxis.bandWidth;
- var categoryGapPercent = columnsOnAxis.categoryGap;
- if (categoryGapPercent == null) {
- var columnCount = keys(stacks).length;
- // More columns in one group
- // the spaces between group is smaller. Or the column will be too thin.
- categoryGapPercent = Math.max(35 - columnCount * 4, 15) + '%';
- }
- var categoryGap = parsePercent$1(categoryGapPercent, bandWidth);
- var barGapPercent = parsePercent$1(columnsOnAxis.gap, 1);
- var remainedWidth = columnsOnAxis.remainedWidth;
- var autoWidthCount = columnsOnAxis.autoWidthCount;
- var autoWidth = (remainedWidth - categoryGap) / (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
- autoWidth = Math.max(autoWidth, 0);
- // Find if any auto calculated bar exceeded maxBarWidth
- each(stacks, function (column) {
- var maxWidth = column.maxWidth;
- var minWidth = column.minWidth;
- if (!column.width) {
- var finalWidth = autoWidth;
- if (maxWidth && maxWidth < finalWidth) {
- finalWidth = Math.min(maxWidth, remainedWidth);
- }
- // `minWidth` has higher priority. `minWidth` decide that whether the
- // bar is able to be visible. So `minWidth` should not be restricted
- // by `maxWidth` or `remainedWidth` (which is from `bandWidth`). In
- // the extreme cases for `value` axis, bars are allowed to overlap
- // with each other if `minWidth` specified.
- if (minWidth && minWidth > finalWidth) {
- finalWidth = minWidth;
- }
- if (finalWidth !== autoWidth) {
- column.width = finalWidth;
- remainedWidth -= finalWidth + barGapPercent * finalWidth;
- autoWidthCount--;
- }
- } else {
- // `barMinWidth/barMaxWidth` has higher priority than `barWidth`, as
- // CSS does. Because barWidth can be a percent value, where
- // `barMaxWidth` can be used to restrict the final width.
- var finalWidth = column.width;
- if (maxWidth) {
- finalWidth = Math.min(finalWidth, maxWidth);
- }
- // `minWidth` has higher priority, as described above
- if (minWidth) {
- finalWidth = Math.max(finalWidth, minWidth);
- }
- column.width = finalWidth;
- remainedWidth -= finalWidth + barGapPercent * finalWidth;
- autoWidthCount--;
- }
- });
- // Recalculate width again
- autoWidth = (remainedWidth - categoryGap) / (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
- autoWidth = Math.max(autoWidth, 0);
- var widthSum = 0;
- var lastColumn;
- each(stacks, function (column, idx) {
- if (!column.width) {
- column.width = autoWidth;
- }
- lastColumn = column;
- widthSum += column.width * (1 + barGapPercent);
- });
- if (lastColumn) {
- widthSum -= lastColumn.width * barGapPercent;
- }
- var offset = -widthSum / 2;
- each(stacks, function (column, stackId) {
- result[coordSysName][stackId] = result[coordSysName][stackId] || {
- bandWidth: bandWidth,
- offset: offset,
- width: column.width
- };
- offset += column.width * (1 + barGapPercent);
- });
- });
- return result;
- }
- function retrieveColumnLayout(barWidthAndOffset, axis, seriesModel) {
- if (barWidthAndOffset && axis) {
- var result = barWidthAndOffset[getAxisKey(axis)];
- if (result != null && seriesModel != null) {
- return result[getSeriesStackId(seriesModel)];
- }
- return result;
- }
- }
- function layout(seriesType, ecModel) {
- var seriesModels = prepareLayoutBarSeries(seriesType, ecModel);
- var barWidthAndOffset = makeColumnLayout(seriesModels);
- each(seriesModels, function (seriesModel) {
- var data = seriesModel.getData();
- var cartesian = seriesModel.coordinateSystem;
- var baseAxis = cartesian.getBaseAxis();
- var stackId = getSeriesStackId(seriesModel);
- var columnLayoutInfo = barWidthAndOffset[getAxisKey(baseAxis)][stackId];
- var columnOffset = columnLayoutInfo.offset;
- var columnWidth = columnLayoutInfo.width;
- data.setLayout({
- bandWidth: columnLayoutInfo.bandWidth,
- offset: columnOffset,
- size: columnWidth
- });
- });
- }
- // TODO: Do not support stack in large mode yet.
- function createProgressiveLayout(seriesType) {
- return {
- seriesType: seriesType,
- plan: createRenderPlanner(),
- reset: function (seriesModel) {
- if (!isOnCartesian(seriesModel)) {
- return;
- }
- var data = seriesModel.getData();
- var cartesian = seriesModel.coordinateSystem;
- var baseAxis = cartesian.getBaseAxis();
- var valueAxis = cartesian.getOtherAxis(baseAxis);
- var valueDimIdx = data.getDimensionIndex(data.mapDimension(valueAxis.dim));
- var baseDimIdx = data.getDimensionIndex(data.mapDimension(baseAxis.dim));
- var drawBackground = seriesModel.get('showBackground', true);
- var valueDim = data.mapDimension(valueAxis.dim);
- var stackResultDim = data.getCalculationInfo('stackResultDimension');
- var stacked = isDimensionStacked(data, valueDim) && !!data.getCalculationInfo('stackedOnSeries');
- var isValueAxisH = valueAxis.isHorizontal();
- var valueAxisStart = getValueAxisStart(baseAxis, valueAxis);
- var isLarge = isInLargeMode(seriesModel);
- var barMinHeight = seriesModel.get('barMinHeight') || 0;
- var stackedDimIdx = stackResultDim && data.getDimensionIndex(stackResultDim);
- // Layout info.
- var columnWidth = data.getLayout('size');
- var columnOffset = data.getLayout('offset');
- return {
- progress: function (params, data) {
- var count = params.count;
- var largePoints = isLarge && createFloat32Array(count * 3);
- var largeBackgroundPoints = isLarge && drawBackground && createFloat32Array(count * 3);
- var largeDataIndices = isLarge && createFloat32Array(count);
- var coordLayout = cartesian.master.getRect();
- var bgSize = isValueAxisH ? coordLayout.width : coordLayout.height;
- var dataIndex;
- var store = data.getStore();
- var idxOffset = 0;
- while ((dataIndex = params.next()) != null) {
- var value = store.get(stacked ? stackedDimIdx : valueDimIdx, dataIndex);
- var baseValue = store.get(baseDimIdx, dataIndex);
- var baseCoord = valueAxisStart;
- var startValue = void 0;
- // Because of the barMinHeight, we can not use the value in
- // stackResultDimension directly.
- if (stacked) {
- startValue = +value - store.get(valueDimIdx, dataIndex);
- }
- var x = void 0;
- var y = void 0;
- var width = void 0;
- var height = void 0;
- if (isValueAxisH) {
- var coord = cartesian.dataToPoint([value, baseValue]);
- if (stacked) {
- var startCoord = cartesian.dataToPoint([startValue, baseValue]);
- baseCoord = startCoord[0];
- }
- x = baseCoord;
- y = coord[1] + columnOffset;
- width = coord[0] - baseCoord;
- height = columnWidth;
- if (Math.abs(width) < barMinHeight) {
- width = (width < 0 ? -1 : 1) * barMinHeight;
- }
- } else {
- var coord = cartesian.dataToPoint([baseValue, value]);
- if (stacked) {
- var startCoord = cartesian.dataToPoint([baseValue, startValue]);
- baseCoord = startCoord[1];
- }
- x = coord[0] + columnOffset;
- y = baseCoord;
- width = columnWidth;
- height = coord[1] - baseCoord;
- if (Math.abs(height) < barMinHeight) {
- // Include zero to has a positive bar
- height = (height <= 0 ? -1 : 1) * barMinHeight;
- }
- }
- if (!isLarge) {
- data.setItemLayout(dataIndex, {
- x: x,
- y: y,
- width: width,
- height: height
- });
- } else {
- largePoints[idxOffset] = x;
- largePoints[idxOffset + 1] = y;
- largePoints[idxOffset + 2] = isValueAxisH ? width : height;
- if (largeBackgroundPoints) {
- largeBackgroundPoints[idxOffset] = isValueAxisH ? coordLayout.x : x;
- largeBackgroundPoints[idxOffset + 1] = isValueAxisH ? y : coordLayout.y;
- largeBackgroundPoints[idxOffset + 2] = bgSize;
- }
- largeDataIndices[dataIndex] = dataIndex;
- }
- idxOffset += 3;
- }
- if (isLarge) {
- data.setLayout({
- largePoints: largePoints,
- largeDataIndices: largeDataIndices,
- largeBackgroundPoints: largeBackgroundPoints,
- valueAxisHorizontal: isValueAxisH
- });
- }
- }
- };
- }
- };
- }
- function isOnCartesian(seriesModel) {
- return seriesModel.coordinateSystem && seriesModel.coordinateSystem.type === 'cartesian2d';
- }
- function isInLargeMode(seriesModel) {
- return seriesModel.pipelineContext && seriesModel.pipelineContext.large;
- }
- // See cases in `test/bar-start.html` and `#7412`, `#8747`.
- function getValueAxisStart(baseAxis, valueAxis) {
- return valueAxis.toGlobalCoord(valueAxis.dataToCoord(valueAxis.type === 'log' ? 1 : 0));
- }
-
- // FIXME 公用？
- var bisect = function (a, x, lo, hi) {
- while (lo < hi) {
- var mid = lo + hi >>> 1;
- if (a[mid][1] < x) {
- lo = mid + 1;
- } else {
- hi = mid;
- }
- }
- return lo;
- };
- var TimeScale = /** @class */function (_super) {
- __extends(TimeScale, _super);
- function TimeScale(settings) {
- var _this = _super.call(this, settings) || this;
- _this.type = 'time';
- return _this;
- }
- /**
- * Get label is mainly for other components like dataZoom, tooltip.
- */
- TimeScale.prototype.getLabel = function (tick) {
- var useUTC = this.getSetting('useUTC');
- return format(tick.value, fullLeveledFormatter[getDefaultFormatPrecisionOfInterval(getPrimaryTimeUnit(this._minLevelUnit))] || fullLeveledFormatter.second, useUTC, this.getSetting('locale'));
- };
- TimeScale.prototype.getFormattedLabel = function (tick, idx, labelFormatter) {
- var isUTC = this.getSetting('useUTC');
- var lang = this.getSetting('locale');
- return leveledFormat(tick, idx, labelFormatter, lang, isUTC);
- };
- /**
- * @override
- */
- TimeScale.prototype.getTicks = function () {
- var interval = this._interval;
- var extent = this._extent;
- var ticks = [];
- // If interval is 0, return [];
- if (!interval) {
- return ticks;
- }
- ticks.push({
- value: extent[0],
- level: 0
- });
- var useUTC = this.getSetting('useUTC');
- var innerTicks = getIntervalTicks(this._minLevelUnit, this._approxInterval, useUTC, extent);
- ticks = ticks.concat(innerTicks);
- ticks.push({
- value: extent[1],
- level: 0
- });
- return ticks;
- };
- TimeScale.prototype.calcNiceExtent = function (opt) {
- var extent = this._extent;
- // If extent start and end are same, expand them
- if (extent[0] === extent[1]) {
- // Expand extent
- extent[0] -= ONE_DAY;
- extent[1] += ONE_DAY;
- }
- // If there are no data and extent are [Infinity, -Infinity]
- if (extent[1] === -Infinity && extent[0] === Infinity) {
- var d = new Date();
- extent[1] = +new Date(d.getFullYear(), d.getMonth(), d.getDate());
- extent[0] = extent[1] - ONE_DAY;
- }
- this.calcNiceTicks(opt.splitNumber, opt.minInterval, opt.maxInterval);
- };
- TimeScale.prototype.calcNiceTicks = function (approxTickNum, minInterval, maxInterval) {
- approxTickNum = approxTickNum || 10;
- var extent = this._extent;
- var span = extent[1] - extent[0];
- this._approxInterval = span / approxTickNum;
- if (minInterval != null && this._approxInterval < minInterval) {
- this._approxInterval = minInterval;
- }
- if (maxInterval != null && this._approxInterval > maxInterval) {
- this._approxInterval = maxInterval;
- }
- var scaleIntervalsLen = scaleIntervals.length;
- var idx = Math.min(bisect(scaleIntervals, this._approxInterval, 0, scaleIntervalsLen), scaleIntervalsLen - 1);
- // Interval that can be used to calculate ticks
- this._interval = scaleIntervals[idx][1];
- // Min level used when picking ticks from top down.
- // We check one more level to avoid the ticks are to sparse in some case.
- this._minLevelUnit = scaleIntervals[Math.max(idx - 1, 0)][0];
- };
- TimeScale.prototype.parse = function (val) {
- // val might be float.
- return isNumber(val) ? val : +parseDate(val);
- };
- TimeScale.prototype.contain = function (val) {
- return contain$1(this.parse(val), this._extent);
- };
- TimeScale.prototype.normalize = function (val) {
- return normalize$1(this.parse(val), this._extent);
- };
- TimeScale.prototype.scale = function (val) {
- return scale$2(val, this._extent);
- };
- TimeScale.type = 'time';
- return TimeScale;
- }(IntervalScale);
- /**
- * This implementation was originally copied from "d3.js"
- *
- * with some modifications made for this program.
- * See the license statement at the head of this file.
- */
- var scaleIntervals = [
- // Format interval
- ['second', ONE_SECOND], ['minute', ONE_MINUTE], ['hour', ONE_HOUR], ['quarter-day', ONE_HOUR * 6], ['half-day', ONE_HOUR * 12], ['day', ONE_DAY * 1.2], ['half-week', ONE_DAY * 3.5], ['week', ONE_DAY * 7], ['month', ONE_DAY * 31], ['quarter', ONE_DAY * 95], ['half-year', ONE_YEAR / 2], ['year', ONE_YEAR] // 1Y
- ];
-
- function isUnitValueSame(unit, valueA, valueB, isUTC) {
- var dateA = parseDate(valueA);
- var dateB = parseDate(valueB);
- var isSame = function (unit) {
- return getUnitValue(dateA, unit, isUTC) === getUnitValue(dateB, unit, isUTC);
- };
- var isSameYear = function () {
- return isSame('year');
- };
- // const isSameHalfYear = () => isSameYear() && isSame('half-year');
- // const isSameQuater = () => isSameYear() && isSame('quarter');
- var isSameMonth = function () {
- return isSameYear() && isSame('month');
- };
- var isSameDay = function () {
- return isSameMonth() && isSame('day');
- };
- // const isSameHalfDay = () => isSameDay() && isSame('half-day');
- var isSameHour = function () {
- return isSameDay() && isSame('hour');
- };
- var isSameMinute = function () {
- return isSameHour() && isSame('minute');
- };
- var isSameSecond = function () {
- return isSameMinute() && isSame('second');
- };
- var isSameMilliSecond = function () {
- return isSameSecond() && isSame('millisecond');
- };
- switch (unit) {
- case 'year':
- return isSameYear();
- case 'month':
- return isSameMonth();
- case 'day':
- return isSameDay();
- case 'hour':
- return isSameHour();
- case 'minute':
- return isSameMinute();
- case 'second':
- return isSameSecond();
- case 'millisecond':
- return isSameMilliSecond();
- }
- }
- // const primaryUnitGetters = {
- // year: fullYearGetterName(),
- // month: monthGetterName(),
- // day: dateGetterName(),
- // hour: hoursGetterName(),
- // minute: minutesGetterName(),
- // second: secondsGetterName(),
- // millisecond: millisecondsGetterName()
- // };
- // const primaryUnitUTCGetters = {
- // year: fullYearGetterName(true),
- // month: monthGetterName(true),
- // day: dateGetterName(true),
- // hour: hoursGetterName(true),
- // minute: minutesGetterName(true),
- // second: secondsGetterName(true),
- // millisecond: millisecondsGetterName(true)
- // };
- // function moveTick(date: Date, unitName: TimeUnit, step: number, isUTC: boolean) {
- // step = step || 1;
- // switch (getPrimaryTimeUnit(unitName)) {
- // case 'year':
- // date[fullYearSetterName(isUTC)](date[fullYearGetterName(isUTC)]() + step);
- // break;
- // case 'month':
- // date[monthSetterName(isUTC)](date[monthGetterName(isUTC)]() + step);
- // break;
- // case 'day':
- // date[dateSetterName(isUTC)](date[dateGetterName(isUTC)]() + step);
- // break;
- // case 'hour':
- // date[hoursSetterName(isUTC)](date[hoursGetterName(isUTC)]() + step);
- // break;
- // case 'minute':
- // date[minutesSetterName(isUTC)](date[minutesGetterName(isUTC)]() + step);
- // break;
- // case 'second':
- // date[secondsSetterName(isUTC)](date[secondsGetterName(isUTC)]() + step);
- // break;
- // case 'millisecond':
- // date[millisecondsSetterName(isUTC)](date[millisecondsGetterName(isUTC)]() + step);
- // break;
- // }
- // return date.getTime();
- // }
- // const DATE_INTERVALS = [[8, 7.5], [4, 3.5], [2, 1.5]];
- // const MONTH_INTERVALS = [[6, 5.5], [3, 2.5], [2, 1.5]];
- // const MINUTES_SECONDS_INTERVALS = [[30, 30], [20, 20], [15, 15], [10, 10], [5, 5], [2, 2]];
- function getDateInterval(approxInterval, daysInMonth) {
- approxInterval /= ONE_DAY;
- return approxInterval > 16 ? 16
- // Math.floor(daysInMonth / 2) + 1 // In this case we only want one tick between two months.
- : approxInterval > 7.5 ? 7 // TODO week 7 or day 8?
- : approxInterval > 3.5 ? 4 : approxInterval > 1.5 ? 2 : 1;
- }
- function getMonthInterval(approxInterval) {
- var APPROX_ONE_MONTH = 30 * ONE_DAY;
- approxInterval /= APPROX_ONE_MONTH;
- return approxInterval > 6 ? 6 : approxInterval > 3 ? 3 : approxInterval > 2 ? 2 : 1;
- }
- function getHourInterval(approxInterval) {
- approxInterval /= ONE_HOUR;
- return approxInterval > 12 ? 12 : approxInterval > 6 ? 6 : approxInterval > 3.5 ? 4 : approxInterval > 2 ? 2 : 1;
- }
- function getMinutesAndSecondsInterval(approxInterval, isMinutes) {
- approxInterval /= isMinutes ? ONE_MINUTE : ONE_SECOND;
- return approxInterval > 30 ? 30 : approxInterval > 20 ? 20 : approxInterval > 15 ? 15 : approxInterval > 10 ? 10 : approxInterval > 5 ? 5 : approxInterval > 2 ? 2 : 1;
- }
- function getMillisecondsInterval(approxInterval) {
- return nice(approxInterval, true);
- }
- function getFirstTimestampOfUnit(date, unitName, isUTC) {
- var outDate = new Date(date);
- switch (getPrimaryTimeUnit(unitName)) {
- case 'year':
- case 'month':
- outDate[monthSetterName(isUTC)](0);
- case 'day':
- outDate[dateSetterName(isUTC)](1);
- case 'hour':
- outDate[hoursSetterName(isUTC)](0);
- case 'minute':
- outDate[minutesSetterName(isUTC)](0);
- case 'second':
- outDate[secondsSetterName(isUTC)](0);
- outDate[millisecondsSetterName(isUTC)](0);
- }
- return outDate.getTime();
- }
- function getIntervalTicks(bottomUnitName, approxInterval, isUTC, extent) {
- var safeLimit = 10000;
- var unitNames = timeUnits;
- var iter = 0;
- function addTicksInSpan(interval, minTimestamp, maxTimestamp, getMethodName, setMethodName, isDate, out) {
- var date = new Date(minTimestamp);
- var dateTime = minTimestamp;
- var d = date[getMethodName]();
- // if (isDate) {
- // d -= 1; // Starts with 0; PENDING
- // }
- while (dateTime < maxTimestamp && dateTime <= extent[1]) {
- out.push({
- value: dateTime
- });
- d += interval;
- date[setMethodName](d);
- dateTime = date.getTime();
- }
- // This extra tick is for calcuating ticks of next level. Will not been added to the final result
- out.push({
- value: dateTime,
- notAdd: true
- });
- }
- function addLevelTicks(unitName, lastLevelTicks, levelTicks) {
- var newAddedTicks = [];
- var isFirstLevel = !lastLevelTicks.length;
- if (isUnitValueSame(getPrimaryTimeUnit(unitName), extent[0], extent[1], isUTC)) {
- return;
- }
- if (isFirstLevel) {
- lastLevelTicks = [{
- // TODO Optimize. Not include so may ticks.
- value: getFirstTimestampOfUnit(new Date(extent[0]), unitName, isUTC)
- }, {
- value: extent[1]
- }];
- }
- for (var i = 0; i < lastLevelTicks.length - 1; i++) {
- var startTick = lastLevelTicks[i].value;
- var endTick = lastLevelTicks[i + 1].value;
- if (startTick === endTick) {
- continue;
- }
- var interval = void 0;
- var getterName = void 0;
- var setterName = void 0;
- var isDate = false;
- switch (unitName) {
- case 'year':
- interval = Math.max(1, Math.round(approxInterval / ONE_DAY / 365));
- getterName = fullYearGetterName(isUTC);
- setterName = fullYearSetterName(isUTC);
- break;
- case 'half-year':
- case 'quarter':
- case 'month':
- interval = getMonthInterval(approxInterval);
- getterName = monthGetterName(isUTC);
- setterName = monthSetterName(isUTC);
- break;
- case 'week': // PENDING If week is added. Ignore day.
- case 'half-week':
- case 'day':
- interval = getDateInterval(approxInterval); // Use 32 days and let interval been 16
- getterName = dateGetterName(isUTC);
- setterName = dateSetterName(isUTC);
- isDate = true;
- break;
- case 'half-day':
- case 'quarter-day':
- case 'hour':
- interval = getHourInterval(approxInterval);
- getterName = hoursGetterName(isUTC);
- setterName = hoursSetterName(isUTC);
- break;
- case 'minute':
- interval = getMinutesAndSecondsInterval(approxInterval, true);
- getterName = minutesGetterName(isUTC);
- setterName = minutesSetterName(isUTC);
- break;
- case 'second':
- interval = getMinutesAndSecondsInterval(approxInterval, false);
- getterName = secondsGetterName(isUTC);
- setterName = secondsSetterName(isUTC);
- break;
- case 'millisecond':
- interval = getMillisecondsInterval(approxInterval);
- getterName = millisecondsGetterName(isUTC);
- setterName = millisecondsSetterName(isUTC);
- break;
- }
- addTicksInSpan(interval, startTick, endTick, getterName, setterName, isDate, newAddedTicks);
- if (unitName === 'year' && levelTicks.length > 1 && i === 0) {
- // Add nearest years to the left extent.
- levelTicks.unshift({
- value: levelTicks[0].value - interval
- });
- }
- }
- for (var i = 0; i < newAddedTicks.length; i++) {
- levelTicks.push(newAddedTicks[i]);
- }
- // newAddedTicks.length && console.log(unitName, newAddedTicks);
- return newAddedTicks;
- }
- var levelsTicks = [];
- var currentLevelTicks = [];
- var tickCount = 0;
- var lastLevelTickCount = 0;
- for (var i = 0; i < unitNames.length && iter++ < safeLimit; ++i) {
- var primaryTimeUnit = getPrimaryTimeUnit(unitNames[i]);
- if (!isPrimaryTimeUnit(unitNames[i])) {
- // TODO
- continue;
- }
- addLevelTicks(unitNames[i], levelsTicks[levelsTicks.length - 1] || [], currentLevelTicks);
- var nextPrimaryTimeUnit = unitNames[i + 1] ? getPrimaryTimeUnit(unitNames[i + 1]) : null;
- if (primaryTimeUnit !== nextPrimaryTimeUnit) {
- if (currentLevelTicks.length) {
- lastLevelTickCount = tickCount;
- // Remove the duplicate so the tick count can be precisely.
- currentLevelTicks.sort(function (a, b) {
- return a.value - b.value;
- });
- var levelTicksRemoveDuplicated = [];
- for (var i_1 = 0; i_1 < currentLevelTicks.length; ++i_1) {
- var tickValue = currentLevelTicks[i_1].value;
- if (i_1 === 0 || currentLevelTicks[i_1 - 1].value !== tickValue) {
- levelTicksRemoveDuplicated.push(currentLevelTicks[i_1]);
- if (tickValue >= extent[0] && tickValue <= extent[1]) {
- tickCount++;
- }
- }
- }
- var targetTickNum = (extent[1] - extent[0]) / approxInterval;
- // Added too much in this level and not too less in last level
- if (tickCount > targetTickNum * 1.5 && lastLevelTickCount > targetTickNum / 1.5) {
- break;
- }
- // Only treat primary time unit as one level.
- levelsTicks.push(levelTicksRemoveDuplicated);
- if (tickCount > targetTickNum || bottomUnitName === unitNames[i]) {
- break;
- }
- }
- // Reset if next unitName is primary
- currentLevelTicks = [];
- }
- }
- if ("development" !== 'production') {
- if (iter >= safeLimit) {
- warn('Exceed safe limit.');
- }
- }
- var levelsTicksInExtent = filter(map(levelsTicks, function (levelTicks) {
- return filter(levelTicks, function (tick) {
- return tick.value >= extent[0] && tick.value <= extent[1] && !tick.notAdd;
- });
- }), function (levelTicks) {
- return levelTicks.length > 0;
- });
- var ticks = [];
- var maxLevel = levelsTicksInExtent.length - 1;
- for (var i = 0; i < levelsTicksInExtent.length; ++i) {
- var levelTicks = levelsTicksInExtent[i];
- for (var k = 0; k < levelTicks.length; ++k) {
- ticks.push({
- value: levelTicks[k].value,
- level: maxLevel - i
- });
- }
- }
- ticks.sort(function (a, b) {
- return a.value - b.value;
- });
- // Remove duplicates
- var result = [];
- for (var i = 0; i < ticks.length; ++i) {
- if (i === 0 || ticks[i].value !== ticks[i - 1].value) {
- result.push(ticks[i]);
- }
- }
- return result;
- }
- Scale.registerClass(TimeScale);
-
- var scaleProto = Scale.prototype;
- // FIXME:TS refactor: not good to call it directly with `this`?
- var intervalScaleProto = IntervalScale.prototype;
- var roundingErrorFix = round;
- var mathFloor = Math.floor;
- var mathCeil = Math.ceil;
- var mathPow$1 = Math.pow;
- var mathLog = Math.log;
- var LogScale = /** @class */function (_super) {
- __extends(LogScale, _super);
- function LogScale() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = 'log';
- _this.base = 10;
- _this._originalScale = new IntervalScale();
- // FIXME:TS actually used by `IntervalScale`
- _this._interval = 0;
- return _this;
- }
- /**
- * @param Whether expand the ticks to niced extent.
- */
- LogScale.prototype.getTicks = function (expandToNicedExtent) {
- var originalScale = this._originalScale;
- var extent = this._extent;
- var originalExtent = originalScale.getExtent();
- var ticks = intervalScaleProto.getTicks.call(this, expandToNicedExtent);
- return map(ticks, function (tick) {
- var val = tick.value;
- var powVal = round(mathPow$1(this.base, val));
- // Fix #4158
- powVal = val === extent[0] && this._fixMin ? fixRoundingError(powVal, originalExtent[0]) : powVal;
- powVal = val === extent[1] && this._fixMax ? fixRoundingError(powVal, originalExtent[1]) : powVal;
- return {
- value: powVal
- };
- }, this);
- };
- LogScale.prototype.setExtent = function (start, end) {
- var base = mathLog(this.base);
- // log(-Infinity) is NaN, so safe guard here
- start = mathLog(Math.max(0, start)) / base;
- end = mathLog(Math.max(0, end)) / base;
- intervalScaleProto.setExtent.call(this, start, end);
- };
- /**
- * @return {number} end
- */
- LogScale.prototype.getExtent = function () {
- var base = this.base;
- var extent = scaleProto.getExtent.call(this);
- extent[0] = mathPow$1(base, extent[0]);
- extent[1] = mathPow$1(base, extent[1]);
- // Fix #4158
- var originalScale = this._originalScale;
- var originalExtent = originalScale.getExtent();
- this._fixMin && (extent[0] = fixRoundingError(extent[0], originalExtent[0]));
- this._fixMax && (extent[1] = fixRoundingError(extent[1], originalExtent[1]));
- return extent;
- };
- LogScale.prototype.unionExtent = function (extent) {
- this._originalScale.unionExtent(extent);
- var base = this.base;
- extent[0] = mathLog(extent[0]) / mathLog(base);
- extent[1] = mathLog(extent[1]) / mathLog(base);
- scaleProto.unionExtent.call(this, extent);
- };
- LogScale.prototype.unionExtentFromData = function (data, dim) {
- // TODO
- // filter value that <= 0
- this.unionExtent(data.getApproximateExtent(dim));
- };
- /**
- * Update interval and extent of intervals for nice ticks
- * @param approxTickNum default 10 Given approx tick number
- */
- LogScale.prototype.calcNiceTicks = function (approxTickNum) {
- approxTickNum = approxTickNum || 10;
- var extent = this._extent;
- var span = extent[1] - extent[0];
- if (span === Infinity || span <= 0) {
- return;
- }
- var interval = quantity(span);
- var err = approxTickNum / span * interval;
- // Filter ticks to get closer to the desired count.
- if (err <= 0.5) {
- interval *= 10;
- }
- // Interval should be integer
- while (!isNaN(interval) && Math.abs(interval) < 1 && Math.abs(interval) > 0) {
- interval *= 10;
- }
- var niceExtent = [round(mathCeil(extent[0] / interval) * interval), round(mathFloor(extent[1] / interval) * interval)];
- this._interval = interval;
- this._niceExtent = niceExtent;
- };
- LogScale.prototype.calcNiceExtent = function (opt) {
- intervalScaleProto.calcNiceExtent.call(this, opt);
- this._fixMin = opt.fixMin;
- this._fixMax = opt.fixMax;
- };
- LogScale.prototype.parse = function (val) {
- return val;
- };
- LogScale.prototype.contain = function (val) {
- val = mathLog(val) / mathLog(this.base);
- return contain$1(val, this._extent);
- };
- LogScale.prototype.normalize = function (val) {
- val = mathLog(val) / mathLog(this.base);
- return normalize$1(val, this._extent);
- };
- LogScale.prototype.scale = function (val) {
- val = scale$2(val, this._extent);
- return mathPow$1(this.base, val);
- };
- LogScale.type = 'log';
- return LogScale;
- }(Scale);
- var proto = LogScale.prototype;
- proto.getMinorTicks = intervalScaleProto.getMinorTicks;
- proto.getLabel = intervalScaleProto.getLabel;
- function fixRoundingError(val, originalVal) {
- return roundingErrorFix(val, getPrecision(originalVal));
- }
- Scale.registerClass(LogScale);
-
- var ScaleRawExtentInfo = /** @class */function () {
- function ScaleRawExtentInfo(scale, model,
- // Usually: data extent from all series on this axis.
- originalExtent) {
- this._prepareParams(scale, model, originalExtent);
- }
- /**
- * Parameters depending on outside (like model, user callback)
- * are prepared and fixed here.
- */
- ScaleRawExtentInfo.prototype._prepareParams = function (scale, model,
- // Usually: data extent from all series on this axis.
- dataExtent) {
- if (dataExtent[1] < dataExtent[0]) {
- dataExtent = [NaN, NaN];
- }
- this._dataMin = dataExtent[0];
- this._dataMax = dataExtent[1];
- var isOrdinal = this._isOrdinal = scale.type === 'ordinal';
- this._needCrossZero = scale.type === 'interval' && model.getNeedCrossZero && model.getNeedCrossZero();
- var modelMinRaw = this._modelMinRaw = model.get('min', true);
- if (isFunction(modelMinRaw)) {
- // This callback always provides users the full data extent (before data is filtered).
- this._modelMinNum = parseAxisModelMinMax(scale, modelMinRaw({
- min: dataExtent[0],
- max: dataExtent[1]
- }));
- } else if (modelMinRaw !== 'dataMin') {
- this._modelMinNum = parseAxisModelMinMax(scale, modelMinRaw);
- }
- var modelMaxRaw = this._modelMaxRaw = model.get('max', true);
- if (isFunction(modelMaxRaw)) {
- // This callback always provides users the full data extent (before data is filtered).
- this._modelMaxNum = parseAxisModelMinMax(scale, modelMaxRaw({
- min: dataExtent[0],
- max: dataExtent[1]
- }));
- } else if (modelMaxRaw !== 'dataMax') {
- this._modelMaxNum = parseAxisModelMinMax(scale, modelMaxRaw);
- }
- if (isOrdinal) {
- // FIXME: there is a flaw here: if there is no "block" data processor like `dataZoom`,
- // and progressive rendering is using, here the category result might just only contain
- // the processed chunk rather than the entire result.
- this._axisDataLen = model.getCategories().length;
- } else {
- var boundaryGap = model.get('boundaryGap');
- var boundaryGapArr = isArray(boundaryGap) ? boundaryGap : [boundaryGap || 0, boundaryGap || 0];
- if (typeof boundaryGapArr[0] === 'boolean' || typeof boundaryGapArr[1] === 'boolean') {
- if ("development" !== 'production') {
- console.warn('Boolean type for boundaryGap is only ' + 'allowed for ordinal axis. Please use string in ' + 'percentage instead, e.g., "20%". Currently, ' + 'boundaryGap is set to be 0.');
- }
- this._boundaryGapInner = [0, 0];
- } else {
- this._boundaryGapInner = [parsePercent(boundaryGapArr[0], 1), parsePercent(boundaryGapArr[1], 1)];
- }
- }
- };
- /**
- * Calculate extent by prepared parameters.
- * This method has no external dependency and can be called duplicatedly,
- * getting the same result.
- * If parameters changed, should call this method to recalcuate.
- */
- ScaleRawExtentInfo.prototype.calculate = function () {
- // Notice: When min/max is not set (that is, when there are null/undefined,
- // which is the most common case), these cases should be ensured:
- // (1) For 'ordinal', show all axis.data.
- // (2) For others:
- // + `boundaryGap` is applied (if min/max set, boundaryGap is
- // disabled).
- // + If `needCrossZero`, min/max should be zero, otherwise, min/max should
- // be the result that originalExtent enlarged by boundaryGap.
- // (3) If no data, it should be ensured that `scale.setBlank` is set.
- var isOrdinal = this._isOrdinal;
- var dataMin = this._dataMin;
- var dataMax = this._dataMax;
- var axisDataLen = this._axisDataLen;
- var boundaryGapInner = this._boundaryGapInner;
- var span = !isOrdinal ? dataMax - dataMin || Math.abs(dataMin) : null;
- // Currently if a `'value'` axis model min is specified as 'dataMin'/'dataMax',
- // `boundaryGap` will not be used. It's the different from specifying as `null`/`undefined`.
- var min = this._modelMinRaw === 'dataMin' ? dataMin : this._modelMinNum;
- var max = this._modelMaxRaw === 'dataMax' ? dataMax : this._modelMaxNum;
- // If `_modelMinNum`/`_modelMaxNum` is `null`/`undefined`, should not be fixed.
- var minFixed = min != null;
- var maxFixed = max != null;
- if (min == null) {
- min = isOrdinal ? axisDataLen ? 0 : NaN : dataMin - boundaryGapInner[0] * span;
- }
- if (max == null) {
- max = isOrdinal ? axisDataLen ? axisDataLen - 1 : NaN : dataMax + boundaryGapInner[1] * span;
- }
- (min == null || !isFinite(min)) && (min = NaN);
- (max == null || !isFinite(max)) && (max = NaN);
- var isBlank = eqNaN(min) || eqNaN(max) || isOrdinal && !axisDataLen;
- // If data extent modified, need to recalculated to ensure cross zero.
- if (this._needCrossZero) {
- // Axis is over zero and min is not set
- if (min > 0 && max > 0 && !minFixed) {
- min = 0;
- // minFixed = true;
- }
- // Axis is under zero and max is not set
- if (min < 0 && max < 0 && !maxFixed) {
- max = 0;
- // maxFixed = true;
- }
- // PENDING:
- // When `needCrossZero` and all data is positive/negative, should it be ensured
- // that the results processed by boundaryGap are positive/negative?
- // If so, here `minFixed`/`maxFixed` need to be set.
- }
-
- var determinedMin = this._determinedMin;
- var determinedMax = this._determinedMax;
- if (determinedMin != null) {
- min = determinedMin;
- minFixed = true;
- }
- if (determinedMax != null) {
- max = determinedMax;
- maxFixed = true;
- }
- // Ensure min/max be finite number or NaN here. (not to be null/undefined)
- // `NaN` means min/max axis is blank.
- return {
- min: min,
- max: max,
- minFixed: minFixed,
- maxFixed: maxFixed,
- isBlank: isBlank
- };
- };
- ScaleRawExtentInfo.prototype.modifyDataMinMax = function (minMaxName, val) {
- if ("development" !== 'production') {
- assert(!this.frozen);
- }
- this[DATA_MIN_MAX_ATTR[minMaxName]] = val;
- };
- ScaleRawExtentInfo.prototype.setDeterminedMinMax = function (minMaxName, val) {
- var attr = DETERMINED_MIN_MAX_ATTR[minMaxName];
- if ("development" !== 'production') {
- assert(!this.frozen
- // Earse them usually means logic flaw.
- && this[attr] == null);
- }
- this[attr] = val;
- };
- ScaleRawExtentInfo.prototype.freeze = function () {
- // @ts-ignore
- this.frozen = true;
- };
- return ScaleRawExtentInfo;
- }();
- var DETERMINED_MIN_MAX_ATTR = {
- min: '_determinedMin',
- max: '_determinedMax'
- };
- var DATA_MIN_MAX_ATTR = {
- min: '_dataMin',
- max: '_dataMax'
- };
- /**
- * Get scale min max and related info only depends on model settings.
- * This method can be called after coordinate system created.
- * For example, in data processing stage.
- *
- * Scale extent info probably be required multiple times during a workflow.
- * For example:
- * (1) `dataZoom` depends it to get the axis extent in "100%" state.
- * (2) `processor/extentCalculator` depends it to make sure whether axis extent is specified.
- * (3) `coordSys.update` use it to finally decide the scale extent.
- * But the callback of `min`/`max` should not be called multiple times.
- * The code below should not be implemented repeatedly either.
- * So we cache the result in the scale instance, which will be recreated at the beginning
- * of the workflow (because `scale` instance will be recreated each round of the workflow).
- */
- function ensureScaleRawExtentInfo(scale, model,
- // Usually: data extent from all series on this axis.
- originalExtent) {
- // Do not permit to recreate.
- var rawExtentInfo = scale.rawExtentInfo;
- if (rawExtentInfo) {
- return rawExtentInfo;
- }
- rawExtentInfo = new ScaleRawExtentInfo(scale, model, originalExtent);
- // @ts-ignore
- scale.rawExtentInfo = rawExtentInfo;
- return rawExtentInfo;
- }
- function parseAxisModelMinMax(scale, minMax) {
- return minMax == null ? null : eqNaN(minMax) ? NaN : scale.parse(minMax);
- }
-
- /**
- * Get axis scale extent before niced.
- * Item of returned array can only be number (including Infinity and NaN).
- *
- * Caution:
- * Precondition of calling this method:
- * The scale extent has been initialized using series data extent via
- * `scale.setExtent` or `scale.unionExtentFromData`;
- */
- function getScaleExtent(scale, model) {
- var scaleType = scale.type;
- var rawExtentResult = ensureScaleRawExtentInfo(scale, model, scale.getExtent()).calculate();
- scale.setBlank(rawExtentResult.isBlank);
- var min = rawExtentResult.min;
- var max = rawExtentResult.max;
- // If bars are placed on a base axis of type time or interval account for axis boundary overflow and current axis
- // is base axis
- // FIXME
- // (1) Consider support value axis, where below zero and axis `onZero` should be handled properly.
- // (2) Refactor the logic with `barGrid`. Is it not need to `makeBarWidthAndOffsetInfo` twice with different extent?
- // Should not depend on series type `bar`?
- // (3) Fix that might overlap when using dataZoom.
- // (4) Consider other chart types using `barGrid`?
- // See #6728, #4862, `test/bar-overflow-time-plot.html`
- var ecModel = model.ecModel;
- if (ecModel && scaleType === 'time' /* || scaleType === 'interval' */) {
- var barSeriesModels = prepareLayoutBarSeries('bar', ecModel);
- var isBaseAxisAndHasBarSeries_1 = false;
- each(barSeriesModels, function (seriesModel) {
- isBaseAxisAndHasBarSeries_1 = isBaseAxisAndHasBarSeries_1 || seriesModel.getBaseAxis() === model.axis;
- });
- if (isBaseAxisAndHasBarSeries_1) {
- // Calculate placement of bars on axis. TODO should be decoupled
- // with barLayout
- var barWidthAndOffset = makeColumnLayout(barSeriesModels);
- // Adjust axis min and max to account for overflow
- var adjustedScale = adjustScaleForOverflow(min, max, model, barWidthAndOffset);
- min = adjustedScale.min;
- max = adjustedScale.max;
- }
- }
- return {
- extent: [min, max],
- // "fix" means "fixed", the value should not be
- // changed in the subsequent steps.
- fixMin: rawExtentResult.minFixed,
- fixMax: rawExtentResult.maxFixed
- };
- }
- function adjustScaleForOverflow(min, max, model,
- // Only support cartesian coord yet.
- barWidthAndOffset) {
- // Get Axis Length
- var axisExtent = model.axis.getExtent();
- var axisLength = axisExtent[1] - axisExtent[0];
- // Get bars on current base axis and calculate min and max overflow
- var barsOnCurrentAxis = retrieveColumnLayout(barWidthAndOffset, model.axis);
- if (barsOnCurrentAxis === undefined) {
- return {
- min: min,
- max: max
- };
- }
- var minOverflow = Infinity;
- each(barsOnCurrentAxis, function (item) {
- minOverflow = Math.min(item.offset, minOverflow);
- });
- var maxOverflow = -Infinity;
- each(barsOnCurrentAxis, function (item) {
- maxOverflow = Math.max(item.offset + item.width, maxOverflow);
- });
- minOverflow = Math.abs(minOverflow);
- maxOverflow = Math.abs(maxOverflow);
- var totalOverFlow = minOverflow + maxOverflow;
- // Calculate required buffer based on old range and overflow
- var oldRange = max - min;
- var oldRangePercentOfNew = 1 - (minOverflow + maxOverflow) / axisLength;
- var overflowBuffer = oldRange / oldRangePercentOfNew - oldRange;
- max += overflowBuffer * (maxOverflow / totalOverFlow);
- min -= overflowBuffer * (minOverflow / totalOverFlow);
- return {
- min: min,
- max: max
- };
- }
- // Precondition of calling this method:
- // The scale extent has been initialized using series data extent via
- // `scale.setExtent` or `scale.unionExtentFromData`;
- function niceScaleExtent(scale, inModel) {
- var model = inModel;
- var extentInfo = getScaleExtent(scale, model);
- var extent = extentInfo.extent;
- var splitNumber = model.get('splitNumber');
- if (scale instanceof LogScale) {
- scale.base = model.get('logBase');
- }
- var scaleType = scale.type;
- var interval = model.get('interval');
- var isIntervalOrTime = scaleType === 'interval' || scaleType === 'time';
- scale.setExtent(extent[0], extent[1]);
- scale.calcNiceExtent({
- splitNumber: splitNumber,
- fixMin: extentInfo.fixMin,
- fixMax: extentInfo.fixMax,
- minInterval: isIntervalOrTime ? model.get('minInterval') : null,
- maxInterval: isIntervalOrTime ? model.get('maxInterval') : null
- });
- // If some one specified the min, max. And the default calculated interval
- // is not good enough. He can specify the interval. It is often appeared
- // in angle axis with angle 0 - 360. Interval calculated in interval scale is hard
- // to be 60.
- // FIXME
- if (interval != null) {
- scale.setInterval && scale.setInterval(interval);
- }
- }
- /**
- * @param axisType Default retrieve from model.type
- */
- function createScaleByModel(model, axisType) {
- axisType = axisType || model.get('type');
- if (axisType) {
- switch (axisType) {
- // Buildin scale
- case 'category':
- return new OrdinalScale({
- ordinalMeta: model.getOrdinalMeta ? model.getOrdinalMeta() : model.getCategories(),
- extent: [Infinity, -Infinity]
- });
- case 'time':
- return new TimeScale({
- locale: model.ecModel.getLocaleModel(),
- useUTC: model.ecModel.get('useUTC')
- });
- default:
- // case 'value'/'interval', 'log', or others.
- return new (Scale.getClass(axisType) || IntervalScale)();
- }
- }
- }
- /**
- * Check if the axis cross 0
- */
- function ifAxisCrossZero(axis) {
- var dataExtent = axis.scale.getExtent();
- var min = dataExtent[0];
- var max = dataExtent[1];
- return !(min > 0 && max > 0 || min < 0 && max < 0);
- }
- /**
- * @param axis
- * @return Label formatter function.
- * param: {number} tickValue,
- * param: {number} idx, the index in all ticks.
- * If category axis, this param is not required.
- * return: {string} label string.
- */
- function makeLabelFormatter(axis) {
- var labelFormatter = axis.getLabelModel().get('formatter');
- var categoryTickStart = axis.type === 'category' ? axis.scale.getExtent()[0] : null;
- if (axis.scale.type === 'time') {
- return function (tpl) {
- return function (tick, idx) {
- return axis.scale.getFormattedLabel(tick, idx, tpl);
- };
- }(labelFormatter);
- } else if (isString(labelFormatter)) {
- return function (tpl) {
- return function (tick) {
- // For category axis, get raw value; for numeric axis,
- // get formatted label like '1,333,444'.
- var label = axis.scale.getLabel(tick);
- var text = tpl.replace('{value}', label != null ? label : '');
- return text;
- };
- }(labelFormatter);
- } else if (isFunction(labelFormatter)) {
- return function (cb) {
- return function (tick, idx) {
- // The original intention of `idx` is "the index of the tick in all ticks".
- // But the previous implementation of category axis do not consider the
- // `axisLabel.interval`, which cause that, for example, the `interval` is
- // `1`, then the ticks "name5", "name7", "name9" are displayed, where the
- // corresponding `idx` are `0`, `2`, `4`, but not `0`, `1`, `2`. So we keep
- // the definition here for back compatibility.
- if (categoryTickStart != null) {
- idx = tick.value - categoryTickStart;
- }
- return cb(getAxisRawValue(axis, tick), idx, tick.level != null ? {
- level: tick.level
- } : null);
- };
- }(labelFormatter);
- } else {
- return function (tick) {
- return axis.scale.getLabel(tick);
- };
- }
- }
- function getAxisRawValue(axis, tick) {
- // In category axis with data zoom, tick is not the original
- // index of axis.data. So tick should not be exposed to user
- // in category axis.
- return axis.type === 'category' ? axis.scale.getLabel(tick) : tick.value;
- }
- /**
- * @param axis
- * @return Be null/undefined if no labels.
- */
- function estimateLabelUnionRect(axis) {
- var axisModel = axis.model;
- var scale = axis.scale;
- if (!axisModel.get(['axisLabel', 'show']) || scale.isBlank()) {
- return;
- }
- var realNumberScaleTicks;
- var tickCount;
- var categoryScaleExtent = scale.getExtent();
- // Optimize for large category data, avoid call `getTicks()`.
- if (scale instanceof OrdinalScale) {
- tickCount = scale.count();
- } else {
- realNumberScaleTicks = scale.getTicks();
- tickCount = realNumberScaleTicks.length;
- }
- var axisLabelModel = axis.getLabelModel();
- var labelFormatter = makeLabelFormatter(axis);
- var rect;
- var step = 1;
- // Simple optimization for large amount of labels
- if (tickCount > 40) {
- step = Math.ceil(tickCount / 40);
- }
- for (var i = 0; i < tickCount; i += step) {
- var tick = realNumberScaleTicks ? realNumberScaleTicks[i] : {
- value: categoryScaleExtent[0] + i
- };
- var label = labelFormatter(tick, i);
- var unrotatedSingleRect = axisLabelModel.getTextRect(label);
- var singleRect = rotateTextRect(unrotatedSingleRect, axisLabelModel.get('rotate') || 0);
- rect ? rect.union(singleRect) : rect = singleRect;
- }
- return rect;
- }
- function rotateTextRect(textRect, rotate) {
- var rotateRadians = rotate * Math.PI / 180;
- var beforeWidth = textRect.width;
- var beforeHeight = textRect.height;
- var afterWidth = beforeWidth * Math.abs(Math.cos(rotateRadians)) + Math.abs(beforeHeight * Math.sin(rotateRadians));
- var afterHeight = beforeWidth * Math.abs(Math.sin(rotateRadians)) + Math.abs(beforeHeight * Math.cos(rotateRadians));
- var rotatedRect = new BoundingRect(textRect.x, textRect.y, afterWidth, afterHeight);
- return rotatedRect;
- }
- /**
- * @param model axisLabelModel or axisTickModel
- * @return {number|String} Can be null|'auto'|number|function
- */
- function getOptionCategoryInterval(model) {
- var interval = model.get('interval');
- return interval == null ? 'auto' : interval;
- }
- /**
- * Set `categoryInterval` as 0 implicitly indicates that
- * show all labels regardless of overlap.
- * @param {Object} axis axisModel.axis
- */
- function shouldShowAllLabels(axis) {
- return axis.type === 'category' && getOptionCategoryInterval(axis.getLabelModel()) === 0;
- }
- function getDataDimensionsOnAxis(data, axisDim) {
- // Remove duplicated dat dimensions caused by `getStackedDimension`.
- var dataDimMap = {};
- // Currently `mapDimensionsAll` will contain stack result dimension ('__\0ecstackresult').
- // PENDING: is it reasonable? Do we need to remove the original dim from "coord dim" since
- // there has been stacked result dim?
- each(data.mapDimensionsAll(axisDim), function (dataDim) {
- // For example, the extent of the original dimension
- // is [0.1, 0.5], the extent of the `stackResultDimension`
- // is [7, 9], the final extent should NOT include [0.1, 0.5],
- // because there is no graphic corresponding to [0.1, 0.5].
- // See the case in `test/area-stack.html` `main1`, where area line
- // stack needs `yAxis` not start from 0.
- dataDimMap[getStackedDimension(data, dataDim)] = true;
- });
- return keys(dataDimMap);
- }
- function unionAxisExtentFromData(dataExtent, data, axisDim) {
- if (data) {
- each(getDataDimensionsOnAxis(data, axisDim), function (dim) {
- var seriesExtent = data.getApproximateExtent(dim);
- seriesExtent[0] < dataExtent[0] && (dataExtent[0] = seriesExtent[0]);
- seriesExtent[1] > dataExtent[1] && (dataExtent[1] = seriesExtent[1]);
- });
- }
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
- var AxisModelCommonMixin = /** @class */function () {
- function AxisModelCommonMixin() {}
- AxisModelCommonMixin.prototype.getNeedCrossZero = function () {
- var option = this.option;
- return !option.scale;
- };
- /**
- * Should be implemented by each axis model if necessary.
- * @return coordinate system model
- */
- AxisModelCommonMixin.prototype.getCoordSysModel = function () {
- return;
- };
- return AxisModelCommonMixin;
- }();
-
- /**
- * Create a multi dimension List structure from seriesModel.
- */
- function createList(seriesModel) {
- return createSeriesData(null, seriesModel);
- }
- var dataStack$1 = {
- isDimensionStacked: isDimensionStacked,
- enableDataStack: enableDataStack,
- getStackedDimension: getStackedDimension
- };
- /**
- * Create scale
- * @param {Array.} dataExtent
- * @param {Object|module:echarts/Model} option If `optoin.type`
- * is secified, it can only be `'value'` currently.
- */
- function createScale(dataExtent, option) {
- var axisModel = option;
- if (!(option instanceof Model)) {
- axisModel = new Model(option);
- // FIXME
- // Currently AxisModelCommonMixin has nothing to do with the
- // the requirements of `axisHelper.createScaleByModel`. For
- // example the methods `getCategories` and `getOrdinalMeta`
- // are required for `'category'` axis, and ecModel is required
- // for `'time'` axis. But occasionally echarts-gl happened
- // to only use `'value'` axis.
- // zrUtil.mixin(axisModel, AxisModelCommonMixin);
- }
-
- var scale = createScaleByModel(axisModel);
- scale.setExtent(dataExtent[0], dataExtent[1]);
- niceScaleExtent(scale, axisModel);
- return scale;
- }
- /**
- * Mixin common methods to axis model,
- *
- * Include methods
- * `getFormattedLabels() => Array.`
- * `getCategories() => Array.`
- * `getMin(origin: boolean) => number`
- * `getMax(origin: boolean) => number`
- * `getNeedCrossZero() => boolean`
- */
- function mixinAxisModelCommonMethods(Model) {
- mixin(Model, AxisModelCommonMixin);
- }
- function createTextStyle$1(textStyleModel, opts) {
- opts = opts || {};
- return createTextStyle(textStyleModel, null, null, opts.state !== 'normal');
- }
-
- var helper = /*#__PURE__*/Object.freeze({
- __proto__: null,
- createList: createList,
- getLayoutRect: getLayoutRect,
- dataStack: dataStack$1,
- createScale: createScale,
- mixinAxisModelCommonMethods: mixinAxisModelCommonMethods,
- getECData: getECData,
- createTextStyle: createTextStyle$1,
- createDimensions: createDimensions,
- createSymbol: createSymbol,
- enableHoverEmphasis: enableHoverEmphasis
- });
-
- var EPSILON$4 = 1e-8;
- function isAroundEqual$1(a, b) {
- return Math.abs(a - b) < EPSILON$4;
- }
- function contain$2(points, x, y) {
- var w = 0;
- var p = points[0];
- if (!p) {
- return false;
- }
- for (var i = 1; i < points.length; i++) {
- var p2 = points[i];
- w += windingLine(p[0], p[1], p2[0], p2[1], x, y);
- p = p2;
- }
- var p0 = points[0];
- if (!isAroundEqual$1(p[0], p0[0]) || !isAroundEqual$1(p[1], p0[1])) {
- w += windingLine(p[0], p[1], p0[0], p0[1], x, y);
- }
- return w !== 0;
- }
-
- var TMP_TRANSFORM = [];
- function transformPoints(points, transform) {
- for (var p = 0; p < points.length; p++) {
- applyTransform(points[p], points[p], transform);
- }
- }
- function updateBBoxFromPoints(points, min$1, max$1, projection) {
- for (var i = 0; i < points.length; i++) {
- var p = points[i];
- if (projection) {
- // projection may return null point.
- p = projection.project(p);
- }
- if (p && isFinite(p[0]) && isFinite(p[1])) {
- min(min$1, min$1, p);
- max(max$1, max$1, p);
- }
- }
- }
- function centroid(points) {
- var signedArea = 0;
- var cx = 0;
- var cy = 0;
- var len = points.length;
- var x0 = points[len - 1][0];
- var y0 = points[len - 1][1];
- // Polygon should been closed.
- for (var i = 0; i < len; i++) {
- var x1 = points[i][0];
- var y1 = points[i][1];
- var a = x0 * y1 - x1 * y0;
- signedArea += a;
- cx += (x0 + x1) * a;
- cy += (y0 + y1) * a;
- x0 = x1;
- y0 = y1;
- }
- return signedArea ? [cx / signedArea / 3, cy / signedArea / 3, signedArea] : [points[0][0] || 0, points[0][1] || 0];
- }
- var Region = /** @class */function () {
- function Region(name) {
- this.name = name;
- }
- Region.prototype.setCenter = function (center) {
- this._center = center;
- };
- /**
- * Get center point in data unit. That is,
- * for GeoJSONRegion, the unit is lat/lng,
- * for GeoSVGRegion, the unit is SVG local coord.
- */
- Region.prototype.getCenter = function () {
- var center = this._center;
- if (!center) {
- // In most cases there are no need to calculate this center.
- // So calculate only when called.
- center = this._center = this.calcCenter();
- }
- return center;
- };
- return Region;
- }();
- var GeoJSONPolygonGeometry = /** @class */function () {
- function GeoJSONPolygonGeometry(exterior, interiors) {
- this.type = 'polygon';
- this.exterior = exterior;
- this.interiors = interiors;
- }
- return GeoJSONPolygonGeometry;
- }();
- var GeoJSONLineStringGeometry = /** @class */function () {
- function GeoJSONLineStringGeometry(points) {
- this.type = 'linestring';
- this.points = points;
- }
- return GeoJSONLineStringGeometry;
- }();
- var GeoJSONRegion = /** @class */function (_super) {
- __extends(GeoJSONRegion, _super);
- function GeoJSONRegion(name, geometries, cp) {
- var _this = _super.call(this, name) || this;
- _this.type = 'geoJSON';
- _this.geometries = geometries;
- _this._center = cp && [cp[0], cp[1]];
- return _this;
- }
- GeoJSONRegion.prototype.calcCenter = function () {
- var geometries = this.geometries;
- var largestGeo;
- var largestGeoSize = 0;
- for (var i = 0; i < geometries.length; i++) {
- var geo = geometries[i];
- var exterior = geo.exterior;
- // Simple trick to use points count instead of polygon area as region size.
- // Ignore linestring
- var size = exterior && exterior.length;
- if (size > largestGeoSize) {
- largestGeo = geo;
- largestGeoSize = size;
- }
- }
- if (largestGeo) {
- return centroid(largestGeo.exterior);
- }
- // from bounding rect by default.
- var rect = this.getBoundingRect();
- return [rect.x + rect.width / 2, rect.y + rect.height / 2];
- };
- GeoJSONRegion.prototype.getBoundingRect = function (projection) {
- var rect = this._rect;
- // Always recalculate if using projection.
- if (rect && !projection) {
- return rect;
- }
- var min = [Infinity, Infinity];
- var max = [-Infinity, -Infinity];
- var geometries = this.geometries;
- each(geometries, function (geo) {
- if (geo.type === 'polygon') {
- // Doesn't consider hole
- updateBBoxFromPoints(geo.exterior, min, max, projection);
- } else {
- each(geo.points, function (points) {
- updateBBoxFromPoints(points, min, max, projection);
- });
- }
- });
- // Normalie invalid bounding.
- if (!(isFinite(min[0]) && isFinite(min[1]) && isFinite(max[0]) && isFinite(max[1]))) {
- min[0] = min[1] = max[0] = max[1] = 0;
- }
- rect = new BoundingRect(min[0], min[1], max[0] - min[0], max[1] - min[1]);
- if (!projection) {
- this._rect = rect;
- }
- return rect;
- };
- GeoJSONRegion.prototype.contain = function (coord) {
- var rect = this.getBoundingRect();
- var geometries = this.geometries;
- if (!rect.contain(coord[0], coord[1])) {
- return false;
- }
- loopGeo: for (var i = 0, len = geometries.length; i < len; i++) {
- var geo = geometries[i];
- // Only support polygon.
- if (geo.type !== 'polygon') {
- continue;
- }
- var exterior = geo.exterior;
- var interiors = geo.interiors;
- if (contain$2(exterior, coord[0], coord[1])) {
- // Not in the region if point is in the hole.
- for (var k = 0; k < (interiors ? interiors.length : 0); k++) {
- if (contain$2(interiors[k], coord[0], coord[1])) {
- continue loopGeo;
- }
- }
- return true;
- }
- }
- return false;
- };
- /**
- * Transform the raw coords to target bounding.
- * @param x
- * @param y
- * @param width
- * @param height
- */
- GeoJSONRegion.prototype.transformTo = function (x, y, width, height) {
- var rect = this.getBoundingRect();
- var aspect = rect.width / rect.height;
- if (!width) {
- width = aspect * height;
- } else if (!height) {
- height = width / aspect;
- }
- var target = new BoundingRect(x, y, width, height);
- var transform = rect.calculateTransform(target);
- var geometries = this.geometries;
- for (var i = 0; i < geometries.length; i++) {
- var geo = geometries[i];
- if (geo.type === 'polygon') {
- transformPoints(geo.exterior, transform);
- each(geo.interiors, function (interior) {
- transformPoints(interior, transform);
- });
- } else {
- each(geo.points, function (points) {
- transformPoints(points, transform);
- });
- }
- }
- rect = this._rect;
- rect.copy(target);
- // Update center
- this._center = [rect.x + rect.width / 2, rect.y + rect.height / 2];
- };
- GeoJSONRegion.prototype.cloneShallow = function (name) {
- name == null && (name = this.name);
- var newRegion = new GeoJSONRegion(name, this.geometries, this._center);
- newRegion._rect = this._rect;
- newRegion.transformTo = null; // Simply avoid to be called.
- return newRegion;
- };
- return GeoJSONRegion;
- }(Region);
- var GeoSVGRegion = /** @class */function (_super) {
- __extends(GeoSVGRegion, _super);
- function GeoSVGRegion(name, elOnlyForCalculate) {
- var _this = _super.call(this, name) || this;
- _this.type = 'geoSVG';
- _this._elOnlyForCalculate = elOnlyForCalculate;
- return _this;
- }
- GeoSVGRegion.prototype.calcCenter = function () {
- var el = this._elOnlyForCalculate;
- var rect = el.getBoundingRect();
- var center = [rect.x + rect.width / 2, rect.y + rect.height / 2];
- var mat = identity(TMP_TRANSFORM);
- var target = el;
- while (target && !target.isGeoSVGGraphicRoot) {
- mul$1(mat, target.getLocalTransform(), mat);
- target = target.parent;
- }
- invert(mat, mat);
- applyTransform(center, center, mat);
- return center;
- };
- return GeoSVGRegion;
- }(Region);
-
- function decode(json) {
- if (!json.UTF8Encoding) {
- return json;
- }
- var jsonCompressed = json;
- var encodeScale = jsonCompressed.UTF8Scale;
- if (encodeScale == null) {
- encodeScale = 1024;
- }
- var features = jsonCompressed.features;
- each(features, function (feature) {
- var geometry = feature.geometry;
- var encodeOffsets = geometry.encodeOffsets;
- var coordinates = geometry.coordinates;
- // Geometry may be appeded manually in the script after json loaded.
- // In this case this geometry is usually not encoded.
- if (!encodeOffsets) {
- return;
- }
- switch (geometry.type) {
- case 'LineString':
- geometry.coordinates = decodeRing(coordinates, encodeOffsets, encodeScale);
- break;
- case 'Polygon':
- decodeRings(coordinates, encodeOffsets, encodeScale);
- break;
- case 'MultiLineString':
- decodeRings(coordinates, encodeOffsets, encodeScale);
- break;
- case 'MultiPolygon':
- each(coordinates, function (rings, idx) {
- return decodeRings(rings, encodeOffsets[idx], encodeScale);
- });
- }
- });
- // Has been decoded
- jsonCompressed.UTF8Encoding = false;
- return jsonCompressed;
- }
- function decodeRings(rings, encodeOffsets, encodeScale) {
- for (var c = 0; c < rings.length; c++) {
- rings[c] = decodeRing(rings[c], encodeOffsets[c], encodeScale);
- }
- }
- function decodeRing(coordinate, encodeOffsets, encodeScale) {
- var result = [];
- var prevX = encodeOffsets[0];
- var prevY = encodeOffsets[1];
- for (var i = 0; i < coordinate.length; i += 2) {
- var x = coordinate.charCodeAt(i) - 64;
- var y = coordinate.charCodeAt(i + 1) - 64;
- // ZigZag decoding
- x = x >> 1 ^ -(x & 1);
- y = y >> 1 ^ -(y & 1);
- // Delta deocding
- x += prevX;
- y += prevY;
- prevX = x;
- prevY = y;
- // Dequantize
- result.push([x / encodeScale, y / encodeScale]);
- }
- return result;
- }
- function parseGeoJSON(geoJson, nameProperty) {
- geoJson = decode(geoJson);
- return map(filter(geoJson.features, function (featureObj) {
- // Output of mapshaper may have geometry null
- return featureObj.geometry && featureObj.properties && featureObj.geometry.coordinates.length > 0;
- }), function (featureObj) {
- var properties = featureObj.properties;
- var geo = featureObj.geometry;
- var geometries = [];
- switch (geo.type) {
- case 'Polygon':
- var coordinates = geo.coordinates;
- // According to the GeoJSON specification.
- // First must be exterior, and the rest are all interior(holes).
- geometries.push(new GeoJSONPolygonGeometry(coordinates[0], coordinates.slice(1)));
- break;
- case 'MultiPolygon':
- each(geo.coordinates, function (item) {
- if (item[0]) {
- geometries.push(new GeoJSONPolygonGeometry(item[0], item.slice(1)));
- }
- });
- break;
- case 'LineString':
- geometries.push(new GeoJSONLineStringGeometry([geo.coordinates]));
- break;
- case 'MultiLineString':
- geometries.push(new GeoJSONLineStringGeometry(geo.coordinates));
- }
- var region = new GeoJSONRegion(properties[nameProperty || 'name'], geometries, properties.cp);
- region.properties = properties;
- return region;
- });
- }
-
- var number = /*#__PURE__*/Object.freeze({
- __proto__: null,
- linearMap: linearMap,
- round: round,
- asc: asc,
- getPrecision: getPrecision,
- getPrecisionSafe: getPrecisionSafe,
- getPixelPrecision: getPixelPrecision,
- getPercentWithPrecision: getPercentWithPrecision,
- MAX_SAFE_INTEGER: MAX_SAFE_INTEGER,
- remRadian: remRadian,
- isRadianAroundZero: isRadianAroundZero,
- parseDate: parseDate,
- quantity: quantity,
- quantityExponent: quantityExponent,
- nice: nice,
- quantile: quantile,
- reformIntervals: reformIntervals,
- isNumeric: isNumeric,
- numericToNumber: numericToNumber
- });
-
- var time = /*#__PURE__*/Object.freeze({
- __proto__: null,
- parse: parseDate,
- format: format
- });
-
- var graphic$1 = /*#__PURE__*/Object.freeze({
- __proto__: null,
- extendShape: extendShape,
- extendPath: extendPath,
- makePath: makePath,
- makeImage: makeImage,
- mergePath: mergePath$1,
- resizePath: resizePath,
- createIcon: createIcon,
- updateProps: updateProps,
- initProps: initProps,
- getTransform: getTransform,
- clipPointsByRect: clipPointsByRect,
- clipRectByRect: clipRectByRect,
- registerShape: registerShape,
- getShapeClass: getShapeClass,
- Group: Group,
- Image: ZRImage,
- Text: ZRText,
- Circle: Circle,
- Ellipse: Ellipse,
- Sector: Sector,
- Ring: Ring,
- Polygon: Polygon,
- Polyline: Polyline,
- Rect: Rect,
- Line: Line,
- BezierCurve: BezierCurve,
- Arc: Arc,
- IncrementalDisplayable: IncrementalDisplayable,
- CompoundPath: CompoundPath,
- LinearGradient: LinearGradient,
- RadialGradient: RadialGradient,
- BoundingRect: BoundingRect
- });
-
- var format$1 = /*#__PURE__*/Object.freeze({
- __proto__: null,
- addCommas: addCommas,
- toCamelCase: toCamelCase,
- normalizeCssArray: normalizeCssArray$1,
- encodeHTML: encodeHTML,
- formatTpl: formatTpl,
- getTooltipMarker: getTooltipMarker,
- formatTime: formatTime,
- capitalFirst: capitalFirst,
- truncateText: truncateText,
- getTextRect: getTextRect
- });
-
- var util$1 = /*#__PURE__*/Object.freeze({
- __proto__: null,
- map: map,
- each: each,
- indexOf: indexOf,
- inherits: inherits,
- reduce: reduce,
- filter: filter,
- bind: bind,
- curry: curry,
- isArray: isArray,
- isString: isString,
- isObject: isObject,
- isFunction: isFunction,
- extend: extend,
- defaults: defaults,
- clone: clone,
- merge: merge
- });
-
- var inner$5 = makeInner();
- function createAxisLabels(axis) {
- // Only ordinal scale support tick interval
- return axis.type === 'category' ? makeCategoryLabels(axis) : makeRealNumberLabels(axis);
- }
- /**
- * @param {module:echats/coord/Axis} axis
- * @param {module:echarts/model/Model} tickModel For example, can be axisTick, splitLine, splitArea.
- * @return {Object} {
- * ticks: Array.
- * tickCategoryInterval: number
- * }
- */
- function createAxisTicks(axis, tickModel) {
- // Only ordinal scale support tick interval
- return axis.type === 'category' ? makeCategoryTicks(axis, tickModel) : {
- ticks: map(axis.scale.getTicks(), function (tick) {
- return tick.value;
- })
- };
- }
- function makeCategoryLabels(axis) {
- var labelModel = axis.getLabelModel();
- var result = makeCategoryLabelsActually(axis, labelModel);
- return !labelModel.get('show') || axis.scale.isBlank() ? {
- labels: [],
- labelCategoryInterval: result.labelCategoryInterval
- } : result;
- }
- function makeCategoryLabelsActually(axis, labelModel) {
- var labelsCache = getListCache(axis, 'labels');
- var optionLabelInterval = getOptionCategoryInterval(labelModel);
- var result = listCacheGet(labelsCache, optionLabelInterval);
- if (result) {
- return result;
- }
- var labels;
- var numericLabelInterval;
- if (isFunction(optionLabelInterval)) {
- labels = makeLabelsByCustomizedCategoryInterval(axis, optionLabelInterval);
- } else {
- numericLabelInterval = optionLabelInterval === 'auto' ? makeAutoCategoryInterval(axis) : optionLabelInterval;
- labels = makeLabelsByNumericCategoryInterval(axis, numericLabelInterval);
- }
- // Cache to avoid calling interval function repeatedly.
- return listCacheSet(labelsCache, optionLabelInterval, {
- labels: labels,
- labelCategoryInterval: numericLabelInterval
- });
- }
- function makeCategoryTicks(axis, tickModel) {
- var ticksCache = getListCache(axis, 'ticks');
- var optionTickInterval = getOptionCategoryInterval(tickModel);
- var result = listCacheGet(ticksCache, optionTickInterval);
- if (result) {
- return result;
- }
- var ticks;
- var tickCategoryInterval;
- // Optimize for the case that large category data and no label displayed,
- // we should not return all ticks.
- if (!tickModel.get('show') || axis.scale.isBlank()) {
- ticks = [];
- }
- if (isFunction(optionTickInterval)) {
- ticks = makeLabelsByCustomizedCategoryInterval(axis, optionTickInterval, true);
- }
- // Always use label interval by default despite label show. Consider this
- // scenario, Use multiple grid with the xAxis sync, and only one xAxis shows
- // labels. `splitLine` and `axisTick` should be consistent in this case.
- else if (optionTickInterval === 'auto') {
- var labelsResult = makeCategoryLabelsActually(axis, axis.getLabelModel());
- tickCategoryInterval = labelsResult.labelCategoryInterval;
- ticks = map(labelsResult.labels, function (labelItem) {
- return labelItem.tickValue;
- });
- } else {
- tickCategoryInterval = optionTickInterval;
- ticks = makeLabelsByNumericCategoryInterval(axis, tickCategoryInterval, true);
- }
- // Cache to avoid calling interval function repeatedly.
- return listCacheSet(ticksCache, optionTickInterval, {
- ticks: ticks,
- tickCategoryInterval: tickCategoryInterval
- });
- }
- function makeRealNumberLabels(axis) {
- var ticks = axis.scale.getTicks();
- var labelFormatter = makeLabelFormatter(axis);
- return {
- labels: map(ticks, function (tick, idx) {
- return {
- level: tick.level,
- formattedLabel: labelFormatter(tick, idx),
- rawLabel: axis.scale.getLabel(tick),
- tickValue: tick.value
- };
- })
- };
- }
- function getListCache(axis, prop) {
- // Because key can be a function, and cache size always is small, we use array cache.
- return inner$5(axis)[prop] || (inner$5(axis)[prop] = []);
- }
- function listCacheGet(cache, key) {
- for (var i = 0; i < cache.length; i++) {
- if (cache[i].key === key) {
- return cache[i].value;
- }
- }
- }
- function listCacheSet(cache, key, value) {
- cache.push({
- key: key,
- value: value
- });
- return value;
- }
- function makeAutoCategoryInterval(axis) {
- var result = inner$5(axis).autoInterval;
- return result != null ? result : inner$5(axis).autoInterval = axis.calculateCategoryInterval();
- }
- /**
- * Calculate interval for category axis ticks and labels.
- * To get precise result, at least one of `getRotate` and `isHorizontal`
- * should be implemented in axis.
- */
- function calculateCategoryInterval(axis) {
- var params = fetchAutoCategoryIntervalCalculationParams(axis);
- var labelFormatter = makeLabelFormatter(axis);
- var rotation = (params.axisRotate - params.labelRotate) / 180 * Math.PI;
- var ordinalScale = axis.scale;
- var ordinalExtent = ordinalScale.getExtent();
- // Providing this method is for optimization:
- // avoid generating a long array by `getTicks`
- // in large category data case.
- var tickCount = ordinalScale.count();
- if (ordinalExtent[1] - ordinalExtent[0] < 1) {
- return 0;
- }
- var step = 1;
- // Simple optimization. Empirical value: tick count should less than 40.
- if (tickCount > 40) {
- step = Math.max(1, Math.floor(tickCount / 40));
- }
- var tickValue = ordinalExtent[0];
- var unitSpan = axis.dataToCoord(tickValue + 1) - axis.dataToCoord(tickValue);
- var unitW = Math.abs(unitSpan * Math.cos(rotation));
- var unitH = Math.abs(unitSpan * Math.sin(rotation));
- var maxW = 0;
- var maxH = 0;
- // Caution: Performance sensitive for large category data.
- // Consider dataZoom, we should make appropriate step to avoid O(n) loop.
- for (; tickValue <= ordinalExtent[1]; tickValue += step) {
- var width = 0;
- var height = 0;
- // Not precise, do not consider align and vertical align
- // and each distance from axis line yet.
- var rect = getBoundingRect(labelFormatter({
- value: tickValue
- }), params.font, 'center', 'top');
- // Magic number
- width = rect.width * 1.3;
- height = rect.height * 1.3;
- // Min size, void long loop.
- maxW = Math.max(maxW, width, 7);
- maxH = Math.max(maxH, height, 7);
- }
- var dw = maxW / unitW;
- var dh = maxH / unitH;
- // 0/0 is NaN, 1/0 is Infinity.
- isNaN(dw) && (dw = Infinity);
- isNaN(dh) && (dh = Infinity);
- var interval = Math.max(0, Math.floor(Math.min(dw, dh)));
- var cache = inner$5(axis.model);
- var axisExtent = axis.getExtent();
- var lastAutoInterval = cache.lastAutoInterval;
- var lastTickCount = cache.lastTickCount;
- // Use cache to keep interval stable while moving zoom window,
- // otherwise the calculated interval might jitter when the zoom
- // window size is close to the interval-changing size.
- // For example, if all of the axis labels are `a, b, c, d, e, f, g`.
- // The jitter will cause that sometimes the displayed labels are
- // `a, d, g` (interval: 2) sometimes `a, c, e`(interval: 1).
- if (lastAutoInterval != null && lastTickCount != null && Math.abs(lastAutoInterval - interval) <= 1 && Math.abs(lastTickCount - tickCount) <= 1
- // Always choose the bigger one, otherwise the critical
- // point is not the same when zooming in or zooming out.
- && lastAutoInterval > interval
- // If the axis change is caused by chart resize, the cache should not
- // be used. Otherwise some hidden labels might not be shown again.
- && cache.axisExtent0 === axisExtent[0] && cache.axisExtent1 === axisExtent[1]) {
- interval = lastAutoInterval;
- }
- // Only update cache if cache not used, otherwise the
- // changing of interval is too insensitive.
- else {
- cache.lastTickCount = tickCount;
- cache.lastAutoInterval = interval;
- cache.axisExtent0 = axisExtent[0];
- cache.axisExtent1 = axisExtent[1];
- }
- return interval;
- }
- function fetchAutoCategoryIntervalCalculationParams(axis) {
- var labelModel = axis.getLabelModel();
- return {
- axisRotate: axis.getRotate ? axis.getRotate() : axis.isHorizontal && !axis.isHorizontal() ? 90 : 0,
- labelRotate: labelModel.get('rotate') || 0,
- font: labelModel.getFont()
- };
- }
- function makeLabelsByNumericCategoryInterval(axis, categoryInterval, onlyTick) {
- var labelFormatter = makeLabelFormatter(axis);
- var ordinalScale = axis.scale;
- var ordinalExtent = ordinalScale.getExtent();
- var labelModel = axis.getLabelModel();
- var result = [];
- // TODO: axisType: ordinalTime, pick the tick from each month/day/year/...
- var step = Math.max((categoryInterval || 0) + 1, 1);
- var startTick = ordinalExtent[0];
- var tickCount = ordinalScale.count();
- // Calculate start tick based on zero if possible to keep label consistent
- // while zooming and moving while interval > 0. Otherwise the selection
- // of displayable ticks and symbols probably keep changing.
- // 3 is empirical value.
- if (startTick !== 0 && step > 1 && tickCount / step > 2) {
- startTick = Math.round(Math.ceil(startTick / step) * step);
- }
- // (1) Only add min max label here but leave overlap checking
- // to render stage, which also ensure the returned list
- // suitable for splitLine and splitArea rendering.
- // (2) Scales except category always contain min max label so
- // do not need to perform this process.
- var showAllLabel = shouldShowAllLabels(axis);
- var includeMinLabel = labelModel.get('showMinLabel') || showAllLabel;
- var includeMaxLabel = labelModel.get('showMaxLabel') || showAllLabel;
- if (includeMinLabel && startTick !== ordinalExtent[0]) {
- addItem(ordinalExtent[0]);
- }
- // Optimize: avoid generating large array by `ordinalScale.getTicks()`.
- var tickValue = startTick;
- for (; tickValue <= ordinalExtent[1]; tickValue += step) {
- addItem(tickValue);
- }
- if (includeMaxLabel && tickValue - step !== ordinalExtent[1]) {
- addItem(ordinalExtent[1]);
- }
- function addItem(tickValue) {
- var tickObj = {
- value: tickValue
- };
- result.push(onlyTick ? tickValue : {
- formattedLabel: labelFormatter(tickObj),
- rawLabel: ordinalScale.getLabel(tickObj),
- tickValue: tickValue
- });
- }
- return result;
- }
- function makeLabelsByCustomizedCategoryInterval(axis, categoryInterval, onlyTick) {
- var ordinalScale = axis.scale;
- var labelFormatter = makeLabelFormatter(axis);
- var result = [];
- each(ordinalScale.getTicks(), function (tick) {
- var rawLabel = ordinalScale.getLabel(tick);
- var tickValue = tick.value;
- if (categoryInterval(tick.value, rawLabel)) {
- result.push(onlyTick ? tickValue : {
- formattedLabel: labelFormatter(tick),
- rawLabel: rawLabel,
- tickValue: tickValue
- });
- }
- });
- return result;
- }
-
- var NORMALIZED_EXTENT = [0, 1];
- /**
- * Base class of Axis.
- */
- var Axis = /** @class */function () {
- function Axis(dim, scale, extent) {
- this.onBand = false;
- this.inverse = false;
- this.dim = dim;
- this.scale = scale;
- this._extent = extent || [0, 0];
- }
- /**
- * If axis extent contain given coord
- */
- Axis.prototype.contain = function (coord) {
- var extent = this._extent;
- var min = Math.min(extent[0], extent[1]);
- var max = Math.max(extent[0], extent[1]);
- return coord >= min && coord <= max;
- };
- /**
- * If axis extent contain given data
- */
- Axis.prototype.containData = function (data) {
- return this.scale.contain(data);
- };
- /**
- * Get coord extent.
- */
- Axis.prototype.getExtent = function () {
- return this._extent.slice();
- };
- /**
- * Get precision used for formatting
- */
- Axis.prototype.getPixelPrecision = function (dataExtent) {
- return getPixelPrecision(dataExtent || this.scale.getExtent(), this._extent);
- };
- /**
- * Set coord extent
- */
- Axis.prototype.setExtent = function (start, end) {
- var extent = this._extent;
- extent[0] = start;
- extent[1] = end;
- };
- /**
- * Convert data to coord. Data is the rank if it has an ordinal scale
- */
- Axis.prototype.dataToCoord = function (data, clamp) {
- var extent = this._extent;
- var scale = this.scale;
- data = scale.normalize(data);
- if (this.onBand && scale.type === 'ordinal') {
- extent = extent.slice();
- fixExtentWithBands(extent, scale.count());
- }
- return linearMap(data, NORMALIZED_EXTENT, extent, clamp);
- };
- /**
- * Convert coord to data. Data is the rank if it has an ordinal scale
- */
- Axis.prototype.coordToData = function (coord, clamp) {
- var extent = this._extent;
- var scale = this.scale;
- if (this.onBand && scale.type === 'ordinal') {
- extent = extent.slice();
- fixExtentWithBands(extent, scale.count());
- }
- var t = linearMap(coord, extent, NORMALIZED_EXTENT, clamp);
- return this.scale.scale(t);
- };
- /**
- * Convert pixel point to data in axis
- */
- Axis.prototype.pointToData = function (point, clamp) {
- // Should be implemented in derived class if necessary.
- return;
- };
- /**
- * Different from `zrUtil.map(axis.getTicks(), axis.dataToCoord, axis)`,
- * `axis.getTicksCoords` considers `onBand`, which is used by
- * `boundaryGap:true` of category axis and splitLine and splitArea.
- * @param opt.tickModel default: axis.model.getModel('axisTick')
- * @param opt.clamp If `true`, the first and the last
- * tick must be at the axis end points. Otherwise, clip ticks
- * that outside the axis extent.
- */
- Axis.prototype.getTicksCoords = function (opt) {
- opt = opt || {};
- var tickModel = opt.tickModel || this.getTickModel();
- var result = createAxisTicks(this, tickModel);
- var ticks = result.ticks;
- var ticksCoords = map(ticks, function (tickVal) {
- return {
- coord: this.dataToCoord(this.scale.type === 'ordinal' ? this.scale.getRawOrdinalNumber(tickVal) : tickVal),
- tickValue: tickVal
- };
- }, this);
- var alignWithLabel = tickModel.get('alignWithLabel');
- fixOnBandTicksCoords(this, ticksCoords, alignWithLabel, opt.clamp);
- return ticksCoords;
- };
- Axis.prototype.getMinorTicksCoords = function () {
- if (this.scale.type === 'ordinal') {
- // Category axis doesn't support minor ticks
- return [];
- }
- var minorTickModel = this.model.getModel('minorTick');
- var splitNumber = minorTickModel.get('splitNumber');
- // Protection.
- if (!(splitNumber > 0 && splitNumber < 100)) {
- splitNumber = 5;
- }
- var minorTicks = this.scale.getMinorTicks(splitNumber);
- var minorTicksCoords = map(minorTicks, function (minorTicksGroup) {
- return map(minorTicksGroup, function (minorTick) {
- return {
- coord: this.dataToCoord(minorTick),
- tickValue: minorTick
- };
- }, this);
- }, this);
- return minorTicksCoords;
- };
- Axis.prototype.getViewLabels = function () {
- return createAxisLabels(this).labels;
- };
- Axis.prototype.getLabelModel = function () {
- return this.model.getModel('axisLabel');
- };
- /**
- * Notice here we only get the default tick model. For splitLine
- * or splitArea, we should pass the splitLineModel or splitAreaModel
- * manually when calling `getTicksCoords`.
- * In GL, this method may be overridden to:
- * `axisModel.getModel('axisTick', grid3DModel.getModel('axisTick'));`
- */
- Axis.prototype.getTickModel = function () {
- return this.model.getModel('axisTick');
- };
- /**
- * Get width of band
- */
- Axis.prototype.getBandWidth = function () {
- var axisExtent = this._extent;
- var dataExtent = this.scale.getExtent();
- var len = dataExtent[1] - dataExtent[0] + (this.onBand ? 1 : 0);
- // Fix #2728, avoid NaN when only one data.
- len === 0 && (len = 1);
- var size = Math.abs(axisExtent[1] - axisExtent[0]);
- return Math.abs(size) / len;
- };
- /**
- * Only be called in category axis.
- * Can be overridden, consider other axes like in 3D.
- * @return Auto interval for cateogry axis tick and label
- */
- Axis.prototype.calculateCategoryInterval = function () {
- return calculateCategoryInterval(this);
- };
- return Axis;
- }();
- function fixExtentWithBands(extent, nTick) {
- var size = extent[1] - extent[0];
- var len = nTick;
- var margin = size / len / 2;
- extent[0] += margin;
- extent[1] -= margin;
- }
- // If axis has labels [1, 2, 3, 4]. Bands on the axis are
- // |---1---|---2---|---3---|---4---|.
- // So the displayed ticks and splitLine/splitArea should between
- // each data item, otherwise cause misleading (e.g., split tow bars
- // of a single data item when there are two bar series).
- // Also consider if tickCategoryInterval > 0 and onBand, ticks and
- // splitLine/spliteArea should layout appropriately corresponding
- // to displayed labels. (So we should not use `getBandWidth` in this
- // case).
- function fixOnBandTicksCoords(axis, ticksCoords, alignWithLabel, clamp) {
- var ticksLen = ticksCoords.length;
- if (!axis.onBand || alignWithLabel || !ticksLen) {
- return;
- }
- var axisExtent = axis.getExtent();
- var last;
- var diffSize;
- if (ticksLen === 1) {
- ticksCoords[0].coord = axisExtent[0];
- last = ticksCoords[1] = {
- coord: axisExtent[1]
- };
- } else {
- var crossLen = ticksCoords[ticksLen - 1].tickValue - ticksCoords[0].tickValue;
- var shift_1 = (ticksCoords[ticksLen - 1].coord - ticksCoords[0].coord) / crossLen;
- each(ticksCoords, function (ticksItem) {
- ticksItem.coord -= shift_1 / 2;
- });
- var dataExtent = axis.scale.getExtent();
- diffSize = 1 + dataExtent[1] - ticksCoords[ticksLen - 1].tickValue;
- last = {
- coord: ticksCoords[ticksLen - 1].coord + shift_1 * diffSize
- };
- ticksCoords.push(last);
- }
- var inverse = axisExtent[0] > axisExtent[1];
- // Handling clamp.
- if (littleThan(ticksCoords[0].coord, axisExtent[0])) {
- clamp ? ticksCoords[0].coord = axisExtent[0] : ticksCoords.shift();
- }
- if (clamp && littleThan(axisExtent[0], ticksCoords[0].coord)) {
- ticksCoords.unshift({
- coord: axisExtent[0]
- });
- }
- if (littleThan(axisExtent[1], last.coord)) {
- clamp ? last.coord = axisExtent[1] : ticksCoords.pop();
- }
- if (clamp && littleThan(last.coord, axisExtent[1])) {
- ticksCoords.push({
- coord: axisExtent[1]
- });
- }
- function littleThan(a, b) {
- // Avoid rounding error cause calculated tick coord different with extent.
- // It may cause an extra unnecessary tick added.
- a = round(a);
- b = round(b);
- return inverse ? a > b : a < b;
- }
- }
-
- // --------------------- Deprecated Extension Methods ---------------------
- // Should use `ComponentModel.extend` or `class XXXX extend ComponentModel` to create class.
- // Then use `registerComponentModel` in `install` parameter when `use` this extension. For example:
- // class Bar3DModel extends ComponentModel {}
- // export function install(registers) { registers.registerComponentModel(Bar3DModel); }
- // echarts.use(install);
- function extendComponentModel(proto) {
- var Model = ComponentModel.extend(proto);
- ComponentModel.registerClass(Model);
- return Model;
- }
- function extendComponentView(proto) {
- var View = ComponentView.extend(proto);
- ComponentView.registerClass(View);
- return View;
- }
- function extendSeriesModel(proto) {
- var Model = SeriesModel.extend(proto);
- SeriesModel.registerClass(Model);
- return Model;
- }
- function extendChartView(proto) {
- var View = ChartView.extend(proto);
- ChartView.registerClass(View);
- return View;
- }
-
- var PI2$6 = Math.PI * 2;
- var CMD$3 = PathProxy.CMD;
- var DEFAULT_SEARCH_SPACE = ['top', 'right', 'bottom', 'left'];
- function getCandidateAnchor(pos, distance, rect, outPt, outDir) {
- var width = rect.width;
- var height = rect.height;
- switch (pos) {
- case 'top':
- outPt.set(rect.x + width / 2, rect.y - distance);
- outDir.set(0, -1);
- break;
- case 'bottom':
- outPt.set(rect.x + width / 2, rect.y + height + distance);
- outDir.set(0, 1);
- break;
- case 'left':
- outPt.set(rect.x - distance, rect.y + height / 2);
- outDir.set(-1, 0);
- break;
- case 'right':
- outPt.set(rect.x + width + distance, rect.y + height / 2);
- outDir.set(1, 0);
- break;
- }
- }
- function projectPointToArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y, out) {
- x -= cx;
- y -= cy;
- var d = Math.sqrt(x * x + y * y);
- x /= d;
- y /= d;
- // Intersect point.
- var ox = x * r + cx;
- var oy = y * r + cy;
- if (Math.abs(startAngle - endAngle) % PI2$6 < 1e-4) {
- // Is a circle
- out[0] = ox;
- out[1] = oy;
- return d - r;
- }
- if (anticlockwise) {
- var tmp = startAngle;
- startAngle = normalizeRadian(endAngle);
- endAngle = normalizeRadian(tmp);
- } else {
- startAngle = normalizeRadian(startAngle);
- endAngle = normalizeRadian(endAngle);
- }
- if (startAngle > endAngle) {
- endAngle += PI2$6;
- }
- var angle = Math.atan2(y, x);
- if (angle < 0) {
- angle += PI2$6;
- }
- if (angle >= startAngle && angle <= endAngle || angle + PI2$6 >= startAngle && angle + PI2$6 <= endAngle) {
- // Project point is on the arc.
- out[0] = ox;
- out[1] = oy;
- return d - r;
- }
- var x1 = r * Math.cos(startAngle) + cx;
- var y1 = r * Math.sin(startAngle) + cy;
- var x2 = r * Math.cos(endAngle) + cx;
- var y2 = r * Math.sin(endAngle) + cy;
- var d1 = (x1 - x) * (x1 - x) + (y1 - y) * (y1 - y);
- var d2 = (x2 - x) * (x2 - x) + (y2 - y) * (y2 - y);
- if (d1 < d2) {
- out[0] = x1;
- out[1] = y1;
- return Math.sqrt(d1);
- } else {
- out[0] = x2;
- out[1] = y2;
- return Math.sqrt(d2);
- }
- }
- function projectPointToLine(x1, y1, x2, y2, x, y, out, limitToEnds) {
- var dx = x - x1;
- var dy = y - y1;
- var dx1 = x2 - x1;
- var dy1 = y2 - y1;
- var lineLen = Math.sqrt(dx1 * dx1 + dy1 * dy1);
- dx1 /= lineLen;
- dy1 /= lineLen;
- // dot product
- var projectedLen = dx * dx1 + dy * dy1;
- var t = projectedLen / lineLen;
- if (limitToEnds) {
- t = Math.min(Math.max(t, 0), 1);
- }
- t *= lineLen;
- var ox = out[0] = x1 + t * dx1;
- var oy = out[1] = y1 + t * dy1;
- return Math.sqrt((ox - x) * (ox - x) + (oy - y) * (oy - y));
- }
- function projectPointToRect(x1, y1, width, height, x, y, out) {
- if (width < 0) {
- x1 = x1 + width;
- width = -width;
- }
- if (height < 0) {
- y1 = y1 + height;
- height = -height;
- }
- var x2 = x1 + width;
- var y2 = y1 + height;
- var ox = out[0] = Math.min(Math.max(x, x1), x2);
- var oy = out[1] = Math.min(Math.max(y, y1), y2);
- return Math.sqrt((ox - x) * (ox - x) + (oy - y) * (oy - y));
- }
- var tmpPt = [];
- function nearestPointOnRect(pt, rect, out) {
- var dist = projectPointToRect(rect.x, rect.y, rect.width, rect.height, pt.x, pt.y, tmpPt);
- out.set(tmpPt[0], tmpPt[1]);
- return dist;
- }
- /**
- * Calculate min distance corresponding point.
- * This method won't evaluate if point is in the path.
- */
- function nearestPointOnPath(pt, path, out) {
- var xi = 0;
- var yi = 0;
- var x0 = 0;
- var y0 = 0;
- var x1;
- var y1;
- var minDist = Infinity;
- var data = path.data;
- var x = pt.x;
- var y = pt.y;
- for (var i = 0; i < data.length;) {
- var cmd = data[i++];
- if (i === 1) {
- xi = data[i];
- yi = data[i + 1];
- x0 = xi;
- y0 = yi;
- }
- var d = minDist;
- switch (cmd) {
- case CMD$3.M:
- // moveTo 命令重新创建一个新的 subpath, 并且更新新的起点
- // 在 closePath 的时候使用
- x0 = data[i++];
- y0 = data[i++];
- xi = x0;
- yi = y0;
- break;
- case CMD$3.L:
- d = projectPointToLine(xi, yi, data[i], data[i + 1], x, y, tmpPt, true);
- xi = data[i++];
- yi = data[i++];
- break;
- case CMD$3.C:
- d = cubicProjectPoint(xi, yi, data[i++], data[i++], data[i++], data[i++], data[i], data[i + 1], x, y, tmpPt);
- xi = data[i++];
- yi = data[i++];
- break;
- case CMD$3.Q:
- d = quadraticProjectPoint(xi, yi, data[i++], data[i++], data[i], data[i + 1], x, y, tmpPt);
- xi = data[i++];
- yi = data[i++];
- break;
- case CMD$3.A:
- // TODO Arc 判断的开销比较大
- var cx = data[i++];
- var cy = data[i++];
- var rx = data[i++];
- var ry = data[i++];
- var theta = data[i++];
- var dTheta = data[i++];
- // TODO Arc 旋转
- i += 1;
- var anticlockwise = !!(1 - data[i++]);
- x1 = Math.cos(theta) * rx + cx;
- y1 = Math.sin(theta) * ry + cy;
- // 不是直接使用 arc 命令
- if (i <= 1) {
- // 第一个命令起点还未定义
- x0 = x1;
- y0 = y1;
- }
- // zr 使用scale来模拟椭圆, 这里也对x做一定的缩放
- var _x = (x - cx) * ry / rx + cx;
- d = projectPointToArc(cx, cy, ry, theta, theta + dTheta, anticlockwise, _x, y, tmpPt);
- xi = Math.cos(theta + dTheta) * rx + cx;
- yi = Math.sin(theta + dTheta) * ry + cy;
- break;
- case CMD$3.R:
- x0 = xi = data[i++];
- y0 = yi = data[i++];
- var width = data[i++];
- var height = data[i++];
- d = projectPointToRect(x0, y0, width, height, x, y, tmpPt);
- break;
- case CMD$3.Z:
- d = projectPointToLine(xi, yi, x0, y0, x, y, tmpPt, true);
- xi = x0;
- yi = y0;
- break;
- }
- if (d < minDist) {
- minDist = d;
- out.set(tmpPt[0], tmpPt[1]);
- }
- }
- return minDist;
- }
- // Temporal variable for intermediate usage.
- var pt0 = new Point();
- var pt1 = new Point();
- var pt2 = new Point();
- var dir = new Point();
- var dir2 = new Point();
- /**
- * Calculate a proper guide line based on the label position and graphic element definition
- * @param label
- * @param labelRect
- * @param target
- * @param targetRect
- */
- function updateLabelLinePoints(target, labelLineModel) {
- if (!target) {
- return;
- }
- var labelLine = target.getTextGuideLine();
- var label = target.getTextContent();
- // Needs to create text guide in each charts.
- if (!(label && labelLine)) {
- return;
- }
- var labelGuideConfig = target.textGuideLineConfig || {};
- var points = [[0, 0], [0, 0], [0, 0]];
- var searchSpace = labelGuideConfig.candidates || DEFAULT_SEARCH_SPACE;
- var labelRect = label.getBoundingRect().clone();
- labelRect.applyTransform(label.getComputedTransform());
- var minDist = Infinity;
- var anchorPoint = labelGuideConfig.anchor;
- var targetTransform = target.getComputedTransform();
- var targetInversedTransform = targetTransform && invert([], targetTransform);
- var len = labelLineModel.get('length2') || 0;
- if (anchorPoint) {
- pt2.copy(anchorPoint);
- }
- for (var i = 0; i < searchSpace.length; i++) {
- var candidate = searchSpace[i];
- getCandidateAnchor(candidate, 0, labelRect, pt0, dir);
- Point.scaleAndAdd(pt1, pt0, dir, len);
- // Transform to target coord space.
- pt1.transform(targetInversedTransform);
- // Note: getBoundingRect will ensure the `path` being created.
- var boundingRect = target.getBoundingRect();
- var dist = anchorPoint ? anchorPoint.distance(pt1) : target instanceof Path ? nearestPointOnPath(pt1, target.path, pt2) : nearestPointOnRect(pt1, boundingRect, pt2);
- // TODO pt2 is in the path
- if (dist < minDist) {
- minDist = dist;
- // Transform back to global space.
- pt1.transform(targetTransform);
- pt2.transform(targetTransform);
- pt2.toArray(points[0]);
- pt1.toArray(points[1]);
- pt0.toArray(points[2]);
- }
- }
- limitTurnAngle(points, labelLineModel.get('minTurnAngle'));
- labelLine.setShape({
- points: points
- });
- }
- // Temporal variable for the limitTurnAngle function
- var tmpArr = [];
- var tmpProjPoint = new Point();
- /**
- * Reduce the line segment attached to the label to limit the turn angle between two segments.
- * @param linePoints
- * @param minTurnAngle Radian of minimum turn angle. 0 - 180
- */
- function limitTurnAngle(linePoints, minTurnAngle) {
- if (!(minTurnAngle <= 180 && minTurnAngle > 0)) {
- return;
- }
- minTurnAngle = minTurnAngle / 180 * Math.PI;
- // The line points can be
- // /pt1----pt2 (label)
- // /
- // pt0/
- pt0.fromArray(linePoints[0]);
- pt1.fromArray(linePoints[1]);
- pt2.fromArray(linePoints[2]);
- Point.sub(dir, pt0, pt1);
- Point.sub(dir2, pt2, pt1);
- var len1 = dir.len();
- var len2 = dir2.len();
- if (len1 < 1e-3 || len2 < 1e-3) {
- return;
- }
- dir.scale(1 / len1);
- dir2.scale(1 / len2);
- var angleCos = dir.dot(dir2);
- var minTurnAngleCos = Math.cos(minTurnAngle);
- if (minTurnAngleCos < angleCos) {
- // Smaller than minTurnAngle
- // Calculate project point of pt0 on pt1-pt2
- var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr, false);
- tmpProjPoint.fromArray(tmpArr);
- // Calculate new projected length with limited minTurnAngle and get the new connect point
- tmpProjPoint.scaleAndAdd(dir2, d / Math.tan(Math.PI - minTurnAngle));
- // Limit the new calculated connect point between pt1 and pt2.
- var t = pt2.x !== pt1.x ? (tmpProjPoint.x - pt1.x) / (pt2.x - pt1.x) : (tmpProjPoint.y - pt1.y) / (pt2.y - pt1.y);
- if (isNaN(t)) {
- return;
- }
- if (t < 0) {
- Point.copy(tmpProjPoint, pt1);
- } else if (t > 1) {
- Point.copy(tmpProjPoint, pt2);
- }
- tmpProjPoint.toArray(linePoints[1]);
- }
- }
- /**
- * Limit the angle of line and the surface
- * @param maxSurfaceAngle Radian of minimum turn angle. 0 - 180. 0 is same direction to normal. 180 is opposite
- */
- function limitSurfaceAngle(linePoints, surfaceNormal, maxSurfaceAngle) {
- if (!(maxSurfaceAngle <= 180 && maxSurfaceAngle > 0)) {
- return;
- }
- maxSurfaceAngle = maxSurfaceAngle / 180 * Math.PI;
- pt0.fromArray(linePoints[0]);
- pt1.fromArray(linePoints[1]);
- pt2.fromArray(linePoints[2]);
- Point.sub(dir, pt1, pt0);
- Point.sub(dir2, pt2, pt1);
- var len1 = dir.len();
- var len2 = dir2.len();
- if (len1 < 1e-3 || len2 < 1e-3) {
- return;
- }
- dir.scale(1 / len1);
- dir2.scale(1 / len2);
- var angleCos = dir.dot(surfaceNormal);
- var maxSurfaceAngleCos = Math.cos(maxSurfaceAngle);
- if (angleCos < maxSurfaceAngleCos) {
- // Calculate project point of pt0 on pt1-pt2
- var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr, false);
- tmpProjPoint.fromArray(tmpArr);
- var HALF_PI = Math.PI / 2;
- var angle2 = Math.acos(dir2.dot(surfaceNormal));
- var newAngle = HALF_PI + angle2 - maxSurfaceAngle;
- if (newAngle >= HALF_PI) {
- // parallel
- Point.copy(tmpProjPoint, pt2);
- } else {
- // Calculate new projected length with limited minTurnAngle and get the new connect point
- tmpProjPoint.scaleAndAdd(dir2, d / Math.tan(Math.PI / 2 - newAngle));
- // Limit the new calculated connect point between pt1 and pt2.
- var t = pt2.x !== pt1.x ? (tmpProjPoint.x - pt1.x) / (pt2.x - pt1.x) : (tmpProjPoint.y - pt1.y) / (pt2.y - pt1.y);
- if (isNaN(t)) {
- return;
- }
- if (t < 0) {
- Point.copy(tmpProjPoint, pt1);
- } else if (t > 1) {
- Point.copy(tmpProjPoint, pt2);
- }
- }
- tmpProjPoint.toArray(linePoints[1]);
- }
- }
- function setLabelLineState(labelLine, ignore, stateName, stateModel) {
- var isNormal = stateName === 'normal';
- var stateObj = isNormal ? labelLine : labelLine.ensureState(stateName);
- // Make sure display.
- stateObj.ignore = ignore;
- // Set smooth
- var smooth = stateModel.get('smooth');
- if (smooth && smooth === true) {
- smooth = 0.3;
- }
- stateObj.shape = stateObj.shape || {};
- if (smooth > 0) {
- stateObj.shape.smooth = smooth;
- }
- var styleObj = stateModel.getModel('lineStyle').getLineStyle();
- isNormal ? labelLine.useStyle(styleObj) : stateObj.style = styleObj;
- }
- function buildLabelLinePath(path, shape) {
- var smooth = shape.smooth;
- var points = shape.points;
- if (!points) {
- return;
- }
- path.moveTo(points[0][0], points[0][1]);
- if (smooth > 0 && points.length >= 3) {
- var len1 = dist(points[0], points[1]);
- var len2 = dist(points[1], points[2]);
- if (!len1 || !len2) {
- path.lineTo(points[1][0], points[1][1]);
- path.lineTo(points[2][0], points[2][1]);
- return;
- }
- var moveLen = Math.min(len1, len2) * smooth;
- var midPoint0 = lerp([], points[1], points[0], moveLen / len1);
- var midPoint2 = lerp([], points[1], points[2], moveLen / len2);
- var midPoint1 = lerp([], midPoint0, midPoint2, 0.5);
- path.bezierCurveTo(midPoint0[0], midPoint0[1], midPoint0[0], midPoint0[1], midPoint1[0], midPoint1[1]);
- path.bezierCurveTo(midPoint2[0], midPoint2[1], midPoint2[0], midPoint2[1], points[2][0], points[2][1]);
- } else {
- for (var i = 1; i < points.length; i++) {
- path.lineTo(points[i][0], points[i][1]);
- }
- }
- }
- /**
- * Create a label line if necessary and set it's style.
- */
- function setLabelLineStyle(targetEl, statesModels, defaultStyle) {
- var labelLine = targetEl.getTextGuideLine();
- var label = targetEl.getTextContent();
- if (!label) {
- // Not show label line if there is no label.
- if (labelLine) {
- targetEl.removeTextGuideLine();
- }
- return;
- }
- var normalModel = statesModels.normal;
- var showNormal = normalModel.get('show');
- var labelIgnoreNormal = label.ignore;
- for (var i = 0; i < DISPLAY_STATES.length; i++) {
- var stateName = DISPLAY_STATES[i];
- var stateModel = statesModels[stateName];
- var isNormal = stateName === 'normal';
- if (stateModel) {
- var stateShow = stateModel.get('show');
- var isLabelIgnored = isNormal ? labelIgnoreNormal : retrieve2(label.states[stateName] && label.states[stateName].ignore, labelIgnoreNormal);
- if (isLabelIgnored // Not show when label is not shown in this state.
- || !retrieve2(stateShow, showNormal) // Use normal state by default if not set.
- ) {
- var stateObj = isNormal ? labelLine : labelLine && labelLine.states[stateName];
- if (stateObj) {
- stateObj.ignore = true;
- }
- if (!!labelLine) {
- setLabelLineState(labelLine, true, stateName, stateModel);
- }
- continue;
- }
- // Create labelLine if not exists
- if (!labelLine) {
- labelLine = new Polyline();
- targetEl.setTextGuideLine(labelLine);
- // Reset state of normal because it's new created.
- // NOTE: NORMAL should always been the first!
- if (!isNormal && (labelIgnoreNormal || !showNormal)) {
- setLabelLineState(labelLine, true, 'normal', statesModels.normal);
- }
- // Use same state proxy.
- if (targetEl.stateProxy) {
- labelLine.stateProxy = targetEl.stateProxy;
- }
- }
- setLabelLineState(labelLine, false, stateName, stateModel);
- }
- }
- if (labelLine) {
- defaults(labelLine.style, defaultStyle);
- // Not fill.
- labelLine.style.fill = null;
- var showAbove = normalModel.get('showAbove');
- var labelLineConfig = targetEl.textGuideLineConfig = targetEl.textGuideLineConfig || {};
- labelLineConfig.showAbove = showAbove || false;
- // Custom the buildPath.
- labelLine.buildPath = buildLabelLinePath;
- }
- }
- function getLabelLineStatesModels(itemModel, labelLineName) {
- labelLineName = labelLineName || 'labelLine';
- var statesModels = {
- normal: itemModel.getModel(labelLineName)
- };
- for (var i = 0; i < SPECIAL_STATES.length; i++) {
- var stateName = SPECIAL_STATES[i];
- statesModels[stateName] = itemModel.getModel([stateName, labelLineName]);
- }
- return statesModels;
- }
-
- function prepareLayoutList(input) {
- var list = [];
- for (var i = 0; i < input.length; i++) {
- var rawItem = input[i];
- if (rawItem.defaultAttr.ignore) {
- continue;
- }
- var label = rawItem.label;
- var transform = label.getComputedTransform();
- // NOTE: Get bounding rect after getComputedTransform, or label may not been updated by the host el.
- var localRect = label.getBoundingRect();
- var isAxisAligned = !transform || transform[1] < 1e-5 && transform[2] < 1e-5;
- var minMargin = label.style.margin || 0;
- var globalRect = localRect.clone();
- globalRect.applyTransform(transform);
- globalRect.x -= minMargin / 2;
- globalRect.y -= minMargin / 2;
- globalRect.width += minMargin;
- globalRect.height += minMargin;
- var obb = isAxisAligned ? new OrientedBoundingRect(localRect, transform) : null;
- list.push({
- label: label,
- labelLine: rawItem.labelLine,
- rect: globalRect,
- localRect: localRect,
- obb: obb,
- priority: rawItem.priority,
- defaultAttr: rawItem.defaultAttr,
- layoutOption: rawItem.computedLayoutOption,
- axisAligned: isAxisAligned,
- transform: transform
- });
- }
- return list;
- }
- function shiftLayout(list, xyDim, sizeDim, minBound, maxBound, balanceShift) {
- var len = list.length;
- if (len < 2) {
- return;
- }
- list.sort(function (a, b) {
- return a.rect[xyDim] - b.rect[xyDim];
- });
- var lastPos = 0;
- var delta;
- var adjusted = false;
- var totalShifts = 0;
- for (var i = 0; i < len; i++) {
- var item = list[i];
- var rect = item.rect;
- delta = rect[xyDim] - lastPos;
- if (delta < 0) {
- // shiftForward(i, len, -delta);
- rect[xyDim] -= delta;
- item.label[xyDim] -= delta;
- adjusted = true;
- }
- var shift = Math.max(-delta, 0);
- totalShifts += shift;
- lastPos = rect[xyDim] + rect[sizeDim];
- }
- if (totalShifts > 0 && balanceShift) {
- // Shift back to make the distribution more equally.
- shiftList(-totalShifts / len, 0, len);
- }
- // TODO bleedMargin?
- var first = list[0];
- var last = list[len - 1];
- var minGap;
- var maxGap;
- updateMinMaxGap();
- // If ends exceed two bounds, squeeze at most 80%, then take the gap of two bounds.
- minGap < 0 && squeezeGaps(-minGap, 0.8);
- maxGap < 0 && squeezeGaps(maxGap, 0.8);
- updateMinMaxGap();
- takeBoundsGap(minGap, maxGap, 1);
- takeBoundsGap(maxGap, minGap, -1);
- // Handle bailout when there is not enough space.
- updateMinMaxGap();
- if (minGap < 0) {
- squeezeWhenBailout(-minGap);
- }
- if (maxGap < 0) {
- squeezeWhenBailout(maxGap);
- }
- function updateMinMaxGap() {
- minGap = first.rect[xyDim] - minBound;
- maxGap = maxBound - last.rect[xyDim] - last.rect[sizeDim];
- }
- function takeBoundsGap(gapThisBound, gapOtherBound, moveDir) {
- if (gapThisBound < 0) {
- // Move from other gap if can.
- var moveFromMaxGap = Math.min(gapOtherBound, -gapThisBound);
- if (moveFromMaxGap > 0) {
- shiftList(moveFromMaxGap * moveDir, 0, len);
- var remained = moveFromMaxGap + gapThisBound;
- if (remained < 0) {
- squeezeGaps(-remained * moveDir, 1);
- }
- } else {
- squeezeGaps(-gapThisBound * moveDir, 1);
- }
- }
- }
- function shiftList(delta, start, end) {
- if (delta !== 0) {
- adjusted = true;
- }
- for (var i = start; i < end; i++) {
- var item = list[i];
- var rect = item.rect;
- rect[xyDim] += delta;
- item.label[xyDim] += delta;
- }
- }
- // Squeeze gaps if the labels exceed margin.
- function squeezeGaps(delta, maxSqeezePercent) {
- var gaps = [];
- var totalGaps = 0;
- for (var i = 1; i < len; i++) {
- var prevItemRect = list[i - 1].rect;
- var gap = Math.max(list[i].rect[xyDim] - prevItemRect[xyDim] - prevItemRect[sizeDim], 0);
- gaps.push(gap);
- totalGaps += gap;
- }
- if (!totalGaps) {
- return;
- }
- var squeezePercent = Math.min(Math.abs(delta) / totalGaps, maxSqeezePercent);
- if (delta > 0) {
- for (var i = 0; i < len - 1; i++) {
- // Distribute the shift delta to all gaps.
- var movement = gaps[i] * squeezePercent;
- // Forward
- shiftList(movement, 0, i + 1);
- }
- } else {
- // Backward
- for (var i = len - 1; i > 0; i--) {
- // Distribute the shift delta to all gaps.
- var movement = gaps[i - 1] * squeezePercent;
- shiftList(-movement, i, len);
- }
- }
- }
- /**
- * Squeeze to allow overlap if there is no more space available.
- * Let other overlapping strategy like hideOverlap do the job instead of keep exceeding the bounds.
- */
- function squeezeWhenBailout(delta) {
- var dir = delta < 0 ? -1 : 1;
- delta = Math.abs(delta);
- var moveForEachLabel = Math.ceil(delta / (len - 1));
- for (var i = 0; i < len - 1; i++) {
- if (dir > 0) {
- // Forward
- shiftList(moveForEachLabel, 0, i + 1);
- } else {
- // Backward
- shiftList(-moveForEachLabel, len - i - 1, len);
- }
- delta -= moveForEachLabel;
- if (delta <= 0) {
- return;
- }
- }
- }
- return adjusted;
- }
- /**
- * Adjust labels on x direction to avoid overlap.
- */
- function shiftLayoutOnX(list, leftBound, rightBound,
- // If average the shifts on all labels and add them to 0
- // TODO: Not sure if should enable it.
- // Pros: The angle of lines will distribute more equally
- // Cons: In some layout. It may not what user wanted. like in pie. the label of last sector is usually changed unexpectedly.
- balanceShift) {
- return shiftLayout(list, 'x', 'width', leftBound, rightBound, balanceShift);
- }
- /**
- * Adjust labels on y direction to avoid overlap.
- */
- function shiftLayoutOnY(list, topBound, bottomBound,
- // If average the shifts on all labels and add them to 0
- balanceShift) {
- return shiftLayout(list, 'y', 'height', topBound, bottomBound, balanceShift);
- }
- function hideOverlap(labelList) {
- var displayedLabels = [];
- // TODO, render overflow visible first, put in the displayedLabels.
- labelList.sort(function (a, b) {
- return b.priority - a.priority;
- });
- var globalRect = new BoundingRect(0, 0, 0, 0);
- function hideEl(el) {
- if (!el.ignore) {
- // Show on emphasis.
- var emphasisState = el.ensureState('emphasis');
- if (emphasisState.ignore == null) {
- emphasisState.ignore = false;
- }
- }
- el.ignore = true;
- }
- for (var i = 0; i < labelList.length; i++) {
- var labelItem = labelList[i];
- var isAxisAligned = labelItem.axisAligned;
- var localRect = labelItem.localRect;
- var transform = labelItem.transform;
- var label = labelItem.label;
- var labelLine = labelItem.labelLine;
- globalRect.copy(labelItem.rect);
- // Add a threshold because layout may be aligned precisely.
- globalRect.width -= 0.1;
- globalRect.height -= 0.1;
- globalRect.x += 0.05;
- globalRect.y += 0.05;
- var obb = labelItem.obb;
- var overlapped = false;
- for (var j = 0; j < displayedLabels.length; j++) {
- var existsTextCfg = displayedLabels[j];
- // Fast rejection.
- if (!globalRect.intersect(existsTextCfg.rect)) {
- continue;
- }
- if (isAxisAligned && existsTextCfg.axisAligned) {
- // Is overlapped
- overlapped = true;
- break;
- }
- if (!existsTextCfg.obb) {
- // If self is not axis aligned. But other is.
- existsTextCfg.obb = new OrientedBoundingRect(existsTextCfg.localRect, existsTextCfg.transform);
- }
- if (!obb) {
- // If self is axis aligned. But other is not.
- obb = new OrientedBoundingRect(localRect, transform);
- }
- if (obb.intersect(existsTextCfg.obb)) {
- overlapped = true;
- break;
- }
- }
- // TODO Callback to determine if this overlap should be handled?
- if (overlapped) {
- hideEl(label);
- labelLine && hideEl(labelLine);
- } else {
- label.attr('ignore', labelItem.defaultAttr.ignore);
- labelLine && labelLine.attr('ignore', labelItem.defaultAttr.labelGuideIgnore);
- displayedLabels.push(labelItem);
- }
- }
- }
-
- function cloneArr(points) {
- if (points) {
- var newPoints = [];
- for (var i = 0; i < points.length; i++) {
- newPoints.push(points[i].slice());
- }
- return newPoints;
- }
- }
- function prepareLayoutCallbackParams(labelItem, hostEl) {
- var label = labelItem.label;
- var labelLine = hostEl && hostEl.getTextGuideLine();
- return {
- dataIndex: labelItem.dataIndex,
- dataType: labelItem.dataType,
- seriesIndex: labelItem.seriesModel.seriesIndex,
- text: labelItem.label.style.text,
- rect: labelItem.hostRect,
- labelRect: labelItem.rect,
- // x: labelAttr.x,
- // y: labelAttr.y,
- align: label.style.align,
- verticalAlign: label.style.verticalAlign,
- labelLinePoints: cloneArr(labelLine && labelLine.shape.points)
- };
- }
- var LABEL_OPTION_TO_STYLE_KEYS = ['align', 'verticalAlign', 'width', 'height', 'fontSize'];
- var dummyTransformable = new Transformable();
- var labelLayoutInnerStore = makeInner();
- var labelLineAnimationStore = makeInner();
- function extendWithKeys(target, source, keys) {
- for (var i = 0; i < keys.length; i++) {
- var key = keys[i];
- if (source[key] != null) {
- target[key] = source[key];
- }
- }
- }
- var LABEL_LAYOUT_PROPS = ['x', 'y', 'rotation'];
- var LabelManager = /** @class */function () {
- function LabelManager() {
- this._labelList = [];
- this._chartViewList = [];
- }
- LabelManager.prototype.clearLabels = function () {
- this._labelList = [];
- this._chartViewList = [];
- };
- /**
- * Add label to manager
- */
- LabelManager.prototype._addLabel = function (dataIndex, dataType, seriesModel, label, layoutOption) {
- var labelStyle = label.style;
- var hostEl = label.__hostTarget;
- var textConfig = hostEl.textConfig || {};
- // TODO: If label is in other state.
- var labelTransform = label.getComputedTransform();
- var labelRect = label.getBoundingRect().plain();
- BoundingRect.applyTransform(labelRect, labelRect, labelTransform);
- if (labelTransform) {
- dummyTransformable.setLocalTransform(labelTransform);
- } else {
- // Identity transform.
- dummyTransformable.x = dummyTransformable.y = dummyTransformable.rotation = dummyTransformable.originX = dummyTransformable.originY = 0;
- dummyTransformable.scaleX = dummyTransformable.scaleY = 1;
- }
- dummyTransformable.rotation = normalizeRadian(dummyTransformable.rotation);
- var host = label.__hostTarget;
- var hostRect;
- if (host) {
- hostRect = host.getBoundingRect().plain();
- var transform = host.getComputedTransform();
- BoundingRect.applyTransform(hostRect, hostRect, transform);
- }
- var labelGuide = hostRect && host.getTextGuideLine();
- this._labelList.push({
- label: label,
- labelLine: labelGuide,
- seriesModel: seriesModel,
- dataIndex: dataIndex,
- dataType: dataType,
- layoutOption: layoutOption,
- computedLayoutOption: null,
- rect: labelRect,
- hostRect: hostRect,
- // Label with lower priority will be hidden when overlapped
- // Use rect size as default priority
- priority: hostRect ? hostRect.width * hostRect.height : 0,
- // Save default label attributes.
- // For restore if developers want get back to default value in callback.
- defaultAttr: {
- ignore: label.ignore,
- labelGuideIgnore: labelGuide && labelGuide.ignore,
- x: dummyTransformable.x,
- y: dummyTransformable.y,
- scaleX: dummyTransformable.scaleX,
- scaleY: dummyTransformable.scaleY,
- rotation: dummyTransformable.rotation,
- style: {
- x: labelStyle.x,
- y: labelStyle.y,
- align: labelStyle.align,
- verticalAlign: labelStyle.verticalAlign,
- width: labelStyle.width,
- height: labelStyle.height,
- fontSize: labelStyle.fontSize
- },
- cursor: label.cursor,
- attachedPos: textConfig.position,
- attachedRot: textConfig.rotation
- }
- });
- };
- LabelManager.prototype.addLabelsOfSeries = function (chartView) {
- var _this = this;
- this._chartViewList.push(chartView);
- var seriesModel = chartView.__model;
- var layoutOption = seriesModel.get('labelLayout');
- /**
- * Ignore layouting if it's not specified anything.
- */
- if (!(isFunction(layoutOption) || keys(layoutOption).length)) {
- return;
- }
- chartView.group.traverse(function (child) {
- if (child.ignore) {
- return true; // Stop traverse descendants.
- }
- // Only support label being hosted on graphic elements.
- var textEl = child.getTextContent();
- var ecData = getECData(child);
- // Can only attach the text on the element with dataIndex
- if (textEl && !textEl.disableLabelLayout) {
- _this._addLabel(ecData.dataIndex, ecData.dataType, seriesModel, textEl, layoutOption);
- }
- });
- };
- LabelManager.prototype.updateLayoutConfig = function (api) {
- var width = api.getWidth();
- var height = api.getHeight();
- function createDragHandler(el, labelLineModel) {
- return function () {
- updateLabelLinePoints(el, labelLineModel);
- };
- }
- for (var i = 0; i < this._labelList.length; i++) {
- var labelItem = this._labelList[i];
- var label = labelItem.label;
- var hostEl = label.__hostTarget;
- var defaultLabelAttr = labelItem.defaultAttr;
- var layoutOption = void 0;
- // TODO A global layout option?
- if (isFunction(labelItem.layoutOption)) {
- layoutOption = labelItem.layoutOption(prepareLayoutCallbackParams(labelItem, hostEl));
- } else {
- layoutOption = labelItem.layoutOption;
- }
- layoutOption = layoutOption || {};
- labelItem.computedLayoutOption = layoutOption;
- var degreeToRadian = Math.PI / 180;
- // TODO hostEl should always exists.
- // Or label should not have parent because the x, y is all in global space.
- if (hostEl) {
- hostEl.setTextConfig({
- // Force to set local false.
- local: false,
- // Ignore position and rotation config on the host el if x or y is changed.
- position: layoutOption.x != null || layoutOption.y != null ? null : defaultLabelAttr.attachedPos,
- // Ignore rotation config on the host el if rotation is changed.
- rotation: layoutOption.rotate != null ? layoutOption.rotate * degreeToRadian : defaultLabelAttr.attachedRot,
- offset: [layoutOption.dx || 0, layoutOption.dy || 0]
- });
- }
- var needsUpdateLabelLine = false;
- if (layoutOption.x != null) {
- // TODO width of chart view.
- label.x = parsePercent$1(layoutOption.x, width);
- label.setStyle('x', 0); // Ignore movement in style. TODO: origin.
- needsUpdateLabelLine = true;
- } else {
- label.x = defaultLabelAttr.x;
- label.setStyle('x', defaultLabelAttr.style.x);
- }
- if (layoutOption.y != null) {
- // TODO height of chart view.
- label.y = parsePercent$1(layoutOption.y, height);
- label.setStyle('y', 0); // Ignore movement in style.
- needsUpdateLabelLine = true;
- } else {
- label.y = defaultLabelAttr.y;
- label.setStyle('y', defaultLabelAttr.style.y);
- }
- if (layoutOption.labelLinePoints) {
- var guideLine = hostEl.getTextGuideLine();
- if (guideLine) {
- guideLine.setShape({
- points: layoutOption.labelLinePoints
- });
- // Not update
- needsUpdateLabelLine = false;
- }
- }
- var labelLayoutStore = labelLayoutInnerStore(label);
- labelLayoutStore.needsUpdateLabelLine = needsUpdateLabelLine;
- label.rotation = layoutOption.rotate != null ? layoutOption.rotate * degreeToRadian : defaultLabelAttr.rotation;
- label.scaleX = defaultLabelAttr.scaleX;
- label.scaleY = defaultLabelAttr.scaleY;
- for (var k = 0; k < LABEL_OPTION_TO_STYLE_KEYS.length; k++) {
- var key = LABEL_OPTION_TO_STYLE_KEYS[k];
- label.setStyle(key, layoutOption[key] != null ? layoutOption[key] : defaultLabelAttr.style[key]);
- }
- if (layoutOption.draggable) {
- label.draggable = true;
- label.cursor = 'move';
- if (hostEl) {
- var hostModel = labelItem.seriesModel;
- if (labelItem.dataIndex != null) {
- var data = labelItem.seriesModel.getData(labelItem.dataType);
- hostModel = data.getItemModel(labelItem.dataIndex);
- }
- label.on('drag', createDragHandler(hostEl, hostModel.getModel('labelLine')));
- }
- } else {
- // TODO Other drag functions?
- label.off('drag');
- label.cursor = defaultLabelAttr.cursor;
- }
- }
- };
- LabelManager.prototype.layout = function (api) {
- var width = api.getWidth();
- var height = api.getHeight();
- var labelList = prepareLayoutList(this._labelList);
- var labelsNeedsAdjustOnX = filter(labelList, function (item) {
- return item.layoutOption.moveOverlap === 'shiftX';
- });
- var labelsNeedsAdjustOnY = filter(labelList, function (item) {
- return item.layoutOption.moveOverlap === 'shiftY';
- });
- shiftLayoutOnX(labelsNeedsAdjustOnX, 0, width);
- shiftLayoutOnY(labelsNeedsAdjustOnY, 0, height);
- var labelsNeedsHideOverlap = filter(labelList, function (item) {
- return item.layoutOption.hideOverlap;
- });
- hideOverlap(labelsNeedsHideOverlap);
- };
- /**
- * Process all labels. Not only labels with layoutOption.
- */
- LabelManager.prototype.processLabelsOverall = function () {
- var _this = this;
- each(this._chartViewList, function (chartView) {
- var seriesModel = chartView.__model;
- var ignoreLabelLineUpdate = chartView.ignoreLabelLineUpdate;
- var animationEnabled = seriesModel.isAnimationEnabled();
- chartView.group.traverse(function (child) {
- if (child.ignore && !child.forceLabelAnimation) {
- return true; // Stop traverse descendants.
- }
-
- var needsUpdateLabelLine = !ignoreLabelLineUpdate;
- var label = child.getTextContent();
- if (!needsUpdateLabelLine && label) {
- needsUpdateLabelLine = labelLayoutInnerStore(label).needsUpdateLabelLine;
- }
- if (needsUpdateLabelLine) {
- _this._updateLabelLine(child, seriesModel);
- }
- if (animationEnabled) {
- _this._animateLabels(child, seriesModel);
- }
- });
- });
- };
- LabelManager.prototype._updateLabelLine = function (el, seriesModel) {
- // Only support label being hosted on graphic elements.
- var textEl = el.getTextContent();
- // Update label line style.
- var ecData = getECData(el);
- var dataIndex = ecData.dataIndex;
- // Only support labelLine on the labels represent data.
- if (textEl && dataIndex != null) {
- var data = seriesModel.getData(ecData.dataType);
- var itemModel = data.getItemModel(dataIndex);
- var defaultStyle = {};
- var visualStyle = data.getItemVisual(dataIndex, 'style');
- if (visualStyle) {
- var visualType = data.getVisual('drawType');
- // Default to be same with main color
- defaultStyle.stroke = visualStyle[visualType];
- }
- var labelLineModel = itemModel.getModel('labelLine');
- setLabelLineStyle(el, getLabelLineStatesModels(itemModel), defaultStyle);
- updateLabelLinePoints(el, labelLineModel);
- }
- };
- LabelManager.prototype._animateLabels = function (el, seriesModel) {
- var textEl = el.getTextContent();
- var guideLine = el.getTextGuideLine();
- // Animate
- if (textEl
- // `forceLabelAnimation` has the highest priority
- && (el.forceLabelAnimation || !textEl.ignore && !textEl.invisible && !el.disableLabelAnimation && !isElementRemoved(el))) {
- var layoutStore = labelLayoutInnerStore(textEl);
- var oldLayout = layoutStore.oldLayout;
- var ecData = getECData(el);
- var dataIndex = ecData.dataIndex;
- var newProps = {
- x: textEl.x,
- y: textEl.y,
- rotation: textEl.rotation
- };
- var data = seriesModel.getData(ecData.dataType);
- if (!oldLayout) {
- textEl.attr(newProps);
- // Disable fade in animation if value animation is enabled.
- if (!labelInner(textEl).valueAnimation) {
- var oldOpacity = retrieve2(textEl.style.opacity, 1);
- // Fade in animation
- textEl.style.opacity = 0;
- initProps(textEl, {
- style: {
- opacity: oldOpacity
- }
- }, seriesModel, dataIndex);
- }
- } else {
- textEl.attr(oldLayout);
- // Make sure the animation from is in the right status.
- var prevStates = el.prevStates;
- if (prevStates) {
- if (indexOf(prevStates, 'select') >= 0) {
- textEl.attr(layoutStore.oldLayoutSelect);
- }
- if (indexOf(prevStates, 'emphasis') >= 0) {
- textEl.attr(layoutStore.oldLayoutEmphasis);
- }
- }
- updateProps(textEl, newProps, seriesModel, dataIndex);
- }
- layoutStore.oldLayout = newProps;
- if (textEl.states.select) {
- var layoutSelect = layoutStore.oldLayoutSelect = {};
- extendWithKeys(layoutSelect, newProps, LABEL_LAYOUT_PROPS);
- extendWithKeys(layoutSelect, textEl.states.select, LABEL_LAYOUT_PROPS);
- }
- if (textEl.states.emphasis) {
- var layoutEmphasis = layoutStore.oldLayoutEmphasis = {};
- extendWithKeys(layoutEmphasis, newProps, LABEL_LAYOUT_PROPS);
- extendWithKeys(layoutEmphasis, textEl.states.emphasis, LABEL_LAYOUT_PROPS);
- }
- animateLabelValue(textEl, dataIndex, data, seriesModel, seriesModel);
- }
- if (guideLine && !guideLine.ignore && !guideLine.invisible) {
- var layoutStore = labelLineAnimationStore(guideLine);
- var oldLayout = layoutStore.oldLayout;
- var newLayout = {
- points: guideLine.shape.points
- };
- if (!oldLayout) {
- guideLine.setShape(newLayout);
- guideLine.style.strokePercent = 0;
- initProps(guideLine, {
- style: {
- strokePercent: 1
- }
- }, seriesModel);
- } else {
- guideLine.attr({
- shape: oldLayout
- });
- updateProps(guideLine, {
- shape: newLayout
- }, seriesModel);
- }
- layoutStore.oldLayout = newLayout;
- }
- };
- return LabelManager;
- }();
-
- var getLabelManager = makeInner();
- function installLabelLayout(registers) {
- registers.registerUpdateLifecycle('series:beforeupdate', function (ecModel, api, params) {
- // TODO api provide an namespace that can save stuff per instance
- var labelManager = getLabelManager(api).labelManager;
- if (!labelManager) {
- labelManager = getLabelManager(api).labelManager = new LabelManager();
- }
- labelManager.clearLabels();
- });
- registers.registerUpdateLifecycle('series:layoutlabels', function (ecModel, api, params) {
- var labelManager = getLabelManager(api).labelManager;
- params.updatedSeries.forEach(function (series) {
- labelManager.addLabelsOfSeries(api.getViewOfSeriesModel(series));
- });
- labelManager.updateLayoutConfig(api);
- labelManager.layout(api);
- labelManager.processLabelsOverall();
- });
- }
-
- var mathSin$4 = Math.sin;
- var mathCos$4 = Math.cos;
- var PI$4 = Math.PI;
- var PI2$7 = Math.PI * 2;
- var degree = 180 / PI$4;
- var SVGPathRebuilder = (function () {
- function SVGPathRebuilder() {
- }
- SVGPathRebuilder.prototype.reset = function (precision) {
- this._start = true;
- this._d = [];
- this._str = '';
- this._p = Math.pow(10, precision || 4);
- };
- SVGPathRebuilder.prototype.moveTo = function (x, y) {
- this._add('M', x, y);
- };
- SVGPathRebuilder.prototype.lineTo = function (x, y) {
- this._add('L', x, y);
- };
- SVGPathRebuilder.prototype.bezierCurveTo = function (x, y, x2, y2, x3, y3) {
- this._add('C', x, y, x2, y2, x3, y3);
- };
- SVGPathRebuilder.prototype.quadraticCurveTo = function (x, y, x2, y2) {
- this._add('Q', x, y, x2, y2);
- };
- SVGPathRebuilder.prototype.arc = function (cx, cy, r, startAngle, endAngle, anticlockwise) {
- this.ellipse(cx, cy, r, r, 0, startAngle, endAngle, anticlockwise);
- };
- SVGPathRebuilder.prototype.ellipse = function (cx, cy, rx, ry, psi, startAngle, endAngle, anticlockwise) {
- var dTheta = endAngle - startAngle;
- var clockwise = !anticlockwise;
- var dThetaPositive = Math.abs(dTheta);
- var isCircle = isAroundZero$1(dThetaPositive - PI2$7)
- || (clockwise ? dTheta >= PI2$7 : -dTheta >= PI2$7);
- var unifiedTheta = dTheta > 0 ? dTheta % PI2$7 : (dTheta % PI2$7 + PI2$7);
- var large = false;
- if (isCircle) {
- large = true;
- }
- else if (isAroundZero$1(dThetaPositive)) {
- large = false;
- }
- else {
- large = (unifiedTheta >= PI$4) === !!clockwise;
- }
- var x0 = cx + rx * mathCos$4(startAngle);
- var y0 = cy + ry * mathSin$4(startAngle);
- if (this._start) {
- this._add('M', x0, y0);
- }
- var xRot = Math.round(psi * degree);
- if (isCircle) {
- var p = 1 / this._p;
- var dTheta_1 = (clockwise ? 1 : -1) * (PI2$7 - p);
- this._add('A', rx, ry, xRot, 1, +clockwise, cx + rx * mathCos$4(startAngle + dTheta_1), cy + ry * mathSin$4(startAngle + dTheta_1));
- if (p > 1e-2) {
- this._add('A', rx, ry, xRot, 0, +clockwise, x0, y0);
- }
- }
- else {
- var x = cx + rx * mathCos$4(endAngle);
- var y = cy + ry * mathSin$4(endAngle);
- this._add('A', rx, ry, xRot, +large, +clockwise, x, y);
- }
- };
- SVGPathRebuilder.prototype.rect = function (x, y, w, h) {
- this._add('M', x, y);
- this._add('l', w, 0);
- this._add('l', 0, h);
- this._add('l', -w, 0);
- this._add('Z');
- };
- SVGPathRebuilder.prototype.closePath = function () {
- if (this._d.length > 0) {
- this._add('Z');
- }
- };
- SVGPathRebuilder.prototype._add = function (cmd, a, b, c, d, e, f, g, h) {
- var vals = [];
- var p = this._p;
- for (var i = 1; i < arguments.length; i++) {
- var val = arguments[i];
- if (isNaN(val)) {
- this._invalid = true;
- return;
- }
- vals.push(Math.round(val * p) / p);
- }
- this._d.push(cmd + vals.join(' '));
- this._start = cmd === 'Z';
- };
- SVGPathRebuilder.prototype.generateStr = function () {
- this._str = this._invalid ? '' : this._d.join('');
- this._d = [];
- };
- SVGPathRebuilder.prototype.getStr = function () {
- return this._str;
- };
- return SVGPathRebuilder;
- }());
-
- var NONE = 'none';
- var mathRound$1 = Math.round;
- function pathHasFill(style) {
- var fill = style.fill;
- return fill != null && fill !== NONE;
- }
- function pathHasStroke(style) {
- var stroke = style.stroke;
- return stroke != null && stroke !== NONE;
- }
- var strokeProps = ['lineCap', 'miterLimit', 'lineJoin'];
- var svgStrokeProps = map(strokeProps, function (prop) { return "stroke-" + prop.toLowerCase(); });
- function mapStyleToAttrs(updateAttr, style, el, forceUpdate) {
- var opacity = style.opacity == null ? 1 : style.opacity;
- if (el instanceof ZRImage) {
- updateAttr('opacity', opacity);
- return;
- }
- if (pathHasFill(style)) {
- var fill = normalizeColor(style.fill);
- updateAttr('fill', fill.color);
- var fillOpacity = style.fillOpacity != null
- ? style.fillOpacity * fill.opacity * opacity
- : fill.opacity * opacity;
- if (forceUpdate || fillOpacity < 1) {
- updateAttr('fill-opacity', fillOpacity);
- }
- }
- else {
- updateAttr('fill', NONE);
- }
- if (pathHasStroke(style)) {
- var stroke = normalizeColor(style.stroke);
- updateAttr('stroke', stroke.color);
- var strokeScale = style.strokeNoScale
- ? el.getLineScale()
- : 1;
- var strokeWidth = (strokeScale ? (style.lineWidth || 0) / strokeScale : 0);
- var strokeOpacity = style.strokeOpacity != null
- ? style.strokeOpacity * stroke.opacity * opacity
- : stroke.opacity * opacity;
- var strokeFirst = style.strokeFirst;
- if (forceUpdate || strokeWidth !== 1) {
- updateAttr('stroke-width', strokeWidth);
- }
- if (forceUpdate || strokeFirst) {
- updateAttr('paint-order', strokeFirst ? 'stroke' : 'fill');
- }
- if (forceUpdate || strokeOpacity < 1) {
- updateAttr('stroke-opacity', strokeOpacity);
- }
- if (style.lineDash) {
- var _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1];
- if (lineDash) {
- lineDashOffset = mathRound$1(lineDashOffset || 0);
- updateAttr('stroke-dasharray', lineDash.join(','));
- if (lineDashOffset || forceUpdate) {
- updateAttr('stroke-dashoffset', lineDashOffset);
- }
- }
- }
- else if (forceUpdate) {
- updateAttr('stroke-dasharray', NONE);
- }
- for (var i = 0; i < strokeProps.length; i++) {
- var propName = strokeProps[i];
- if (forceUpdate || style[propName] !== DEFAULT_PATH_STYLE[propName]) {
- var val = style[propName] || DEFAULT_PATH_STYLE[propName];
- val && updateAttr(svgStrokeProps[i], val);
- }
- }
- }
- else if (forceUpdate) {
- updateAttr('stroke', NONE);
- }
- }
-
- var SVGNS = 'http://www.w3.org/2000/svg';
- var XLINKNS = 'http://www.w3.org/1999/xlink';
- var XMLNS = 'http://www.w3.org/2000/xmlns/';
- var XML_NAMESPACE = 'http://www.w3.org/XML/1998/namespace';
- var META_DATA_PREFIX = 'ecmeta_';
- function createElement(name) {
- return document.createElementNS(SVGNS, name);
- }
- function createVNode(tag, key, attrs, children, text) {
- return {
- tag: tag,
- attrs: attrs || {},
- children: children,
- text: text,
- key: key
- };
- }
- function createElementOpen(name, attrs) {
- var attrsStr = [];
- if (attrs) {
- for (var key in attrs) {
- var val = attrs[key];
- var part = key;
- if (val === false) {
- continue;
- }
- else if (val !== true && val != null) {
- part += "=\"" + val + "\"";
- }
- attrsStr.push(part);
- }
- }
- return "<" + name + " " + attrsStr.join(' ') + ">";
- }
- function createElementClose(name) {
- return "";
- }
- function vNodeToString(el, opts) {
- opts = opts || {};
- var S = opts.newline ? '\n' : '';
- function convertElToString(el) {
- var children = el.children, tag = el.tag, attrs = el.attrs, text = el.text;
- return createElementOpen(tag, attrs)
- + (tag !== 'style' ? encodeHTML(text) : text || '')
- + (children ? "" + S + map(children, function (child) { return convertElToString(child); }).join(S) + S : '')
- + createElementClose(tag);
- }
- return convertElToString(el);
- }
- function getCssString(selectorNodes, animationNodes, opts) {
- opts = opts || {};
- var S = opts.newline ? '\n' : '';
- var bracketBegin = " {" + S;
- var bracketEnd = S + "}";
- var selectors = map(keys(selectorNodes), function (className) {
- return className + bracketBegin + map(keys(selectorNodes[className]), function (attrName) {
- return attrName + ":" + selectorNodes[className][attrName] + ";";
- }).join(S) + bracketEnd;
- }).join(S);
- var animations = map(keys(animationNodes), function (animationName) {
- return "@keyframes " + animationName + bracketBegin + map(keys(animationNodes[animationName]), function (percent) {
- return percent + bracketBegin + map(keys(animationNodes[animationName][percent]), function (attrName) {
- var val = animationNodes[animationName][percent][attrName];
- if (attrName === 'd') {
- val = "path(\"" + val + "\")";
- }
- return attrName + ":" + val + ";";
- }).join(S) + bracketEnd;
- }).join(S) + bracketEnd;
- }).join(S);
- if (!selectors && !animations) {
- return '';
- }
- return [''].join(S);
- }
- function createBrushScope(zrId) {
- return {
- zrId: zrId,
- shadowCache: {},
- patternCache: {},
- gradientCache: {},
- clipPathCache: {},
- defs: {},
- cssNodes: {},
- cssAnims: {},
- cssStyleCache: {},
- cssAnimIdx: 0,
- shadowIdx: 0,
- gradientIdx: 0,
- patternIdx: 0,
- clipPathIdx: 0
- };
- }
- function createSVGVNode(width, height, children, useViewBox) {
- return createVNode('svg', 'root', {
- 'width': width,
- 'height': height,
- 'xmlns': SVGNS,
- 'xmlns:xlink': XLINKNS,
- 'version': '1.1',
- 'baseProfile': 'full',
- 'viewBox': useViewBox ? "0 0 " + width + " " + height : false
- }, children);
- }
-
- var cssClassIdx = 0;
- function getClassId() {
- return cssClassIdx++;
- }
-
- var EASING_MAP = {
- cubicIn: '0.32,0,0.67,0',
- cubicOut: '0.33,1,0.68,1',
- cubicInOut: '0.65,0,0.35,1',
- quadraticIn: '0.11,0,0.5,0',
- quadraticOut: '0.5,1,0.89,1',
- quadraticInOut: '0.45,0,0.55,1',
- quarticIn: '0.5,0,0.75,0',
- quarticOut: '0.25,1,0.5,1',
- quarticInOut: '0.76,0,0.24,1',
- quinticIn: '0.64,0,0.78,0',
- quinticOut: '0.22,1,0.36,1',
- quinticInOut: '0.83,0,0.17,1',
- sinusoidalIn: '0.12,0,0.39,0',
- sinusoidalOut: '0.61,1,0.88,1',
- sinusoidalInOut: '0.37,0,0.63,1',
- exponentialIn: '0.7,0,0.84,0',
- exponentialOut: '0.16,1,0.3,1',
- exponentialInOut: '0.87,0,0.13,1',
- circularIn: '0.55,0,1,0.45',
- circularOut: '0,0.55,0.45,1',
- circularInOut: '0.85,0,0.15,1'
- };
- var transformOriginKey = 'transform-origin';
- function buildPathString(el, kfShape, path) {
- var shape = extend({}, el.shape);
- extend(shape, kfShape);
- el.buildPath(path, shape);
- var svgPathBuilder = new SVGPathRebuilder();
- svgPathBuilder.reset(getPathPrecision(el));
- path.rebuildPath(svgPathBuilder, 1);
- svgPathBuilder.generateStr();
- return svgPathBuilder.getStr();
- }
- function setTransformOrigin(target, transform) {
- var originX = transform.originX, originY = transform.originY;
- if (originX || originY) {
- target[transformOriginKey] = originX + "px " + originY + "px";
- }
- }
- var ANIMATE_STYLE_MAP = {
- fill: 'fill',
- opacity: 'opacity',
- lineWidth: 'stroke-width',
- lineDashOffset: 'stroke-dashoffset'
- };
- function addAnimation(cssAnim, scope) {
- var animationName = scope.zrId + '-ani-' + scope.cssAnimIdx++;
- scope.cssAnims[animationName] = cssAnim;
- return animationName;
- }
- function createCompoundPathCSSAnimation(el, attrs, scope) {
- var paths = el.shape.paths;
- var composedAnim = {};
- var cssAnimationCfg;
- var cssAnimationName;
- each(paths, function (path) {
- var subScope = createBrushScope(scope.zrId);
- subScope.animation = true;
- createCSSAnimation(path, {}, subScope, true);
- var cssAnims = subScope.cssAnims;
- var cssNodes = subScope.cssNodes;
- var animNames = keys(cssAnims);
- var len = animNames.length;
- if (!len) {
- return;
- }
- cssAnimationName = animNames[len - 1];
- var lastAnim = cssAnims[cssAnimationName];
- for (var percent in lastAnim) {
- var kf = lastAnim[percent];
- composedAnim[percent] = composedAnim[percent] || { d: '' };
- composedAnim[percent].d += kf.d || '';
- }
- for (var className in cssNodes) {
- var val = cssNodes[className].animation;
- if (val.indexOf(cssAnimationName) >= 0) {
- cssAnimationCfg = val;
- }
- }
- });
- if (!cssAnimationCfg) {
- return;
- }
- attrs.d = false;
- var animationName = addAnimation(composedAnim, scope);
- return cssAnimationCfg.replace(cssAnimationName, animationName);
- }
- function getEasingFunc(easing) {
- return isString(easing)
- ? EASING_MAP[easing]
- ? "cubic-bezier(" + EASING_MAP[easing] + ")"
- : createCubicEasingFunc(easing) ? easing : ''
- : '';
- }
- function createCSSAnimation(el, attrs, scope, onlyShape) {
- var animators = el.animators;
- var len = animators.length;
- var cssAnimations = [];
- if (el instanceof CompoundPath) {
- var animationCfg = createCompoundPathCSSAnimation(el, attrs, scope);
- if (animationCfg) {
- cssAnimations.push(animationCfg);
- }
- else if (!len) {
- return;
- }
- }
- else if (!len) {
- return;
- }
- var groupAnimators = {};
- for (var i = 0; i < len; i++) {
- var animator = animators[i];
- var cfgArr = [animator.getMaxTime() / 1000 + 's'];
- var easing = getEasingFunc(animator.getClip().easing);
- var delay = animator.getDelay();
- if (easing) {
- cfgArr.push(easing);
- }
- else {
- cfgArr.push('linear');
- }
- if (delay) {
- cfgArr.push(delay / 1000 + 's');
- }
- if (animator.getLoop()) {
- cfgArr.push('infinite');
- }
- var cfg = cfgArr.join(' ');
- groupAnimators[cfg] = groupAnimators[cfg] || [cfg, []];
- groupAnimators[cfg][1].push(animator);
- }
- function createSingleCSSAnimation(groupAnimator) {
- var animators = groupAnimator[1];
- var len = animators.length;
- var transformKfs = {};
- var shapeKfs = {};
- var finalKfs = {};
- var animationTimingFunctionAttrName = 'animation-timing-function';
- function saveAnimatorTrackToCssKfs(animator, cssKfs, toCssAttrName) {
- var tracks = animator.getTracks();
- var maxTime = animator.getMaxTime();
- for (var k = 0; k < tracks.length; k++) {
- var track = tracks[k];
- if (track.needsAnimate()) {
- var kfs = track.keyframes;
- var attrName = track.propName;
- toCssAttrName && (attrName = toCssAttrName(attrName));
- if (attrName) {
- for (var i = 0; i < kfs.length; i++) {
- var kf = kfs[i];
- var percent = Math.round(kf.time / maxTime * 100) + '%';
- var kfEasing = getEasingFunc(kf.easing);
- var rawValue = kf.rawValue;
- if (isString(rawValue) || isNumber(rawValue)) {
- cssKfs[percent] = cssKfs[percent] || {};
- cssKfs[percent][attrName] = kf.rawValue;
- if (kfEasing) {
- cssKfs[percent][animationTimingFunctionAttrName] = kfEasing;
- }
- }
- }
- }
- }
- }
- }
- for (var i = 0; i < len; i++) {
- var animator = animators[i];
- var targetProp = animator.targetName;
- if (!targetProp) {
- !onlyShape && saveAnimatorTrackToCssKfs(animator, transformKfs);
- }
- else if (targetProp === 'shape') {
- saveAnimatorTrackToCssKfs(animator, shapeKfs);
- }
- }
- for (var percent in transformKfs) {
- var transform = {};
- copyTransform(transform, el);
- extend(transform, transformKfs[percent]);
- var str = getSRTTransformString(transform);
- var timingFunction = transformKfs[percent][animationTimingFunctionAttrName];
- finalKfs[percent] = str ? {
- transform: str
- } : {};
- setTransformOrigin(finalKfs[percent], transform);
- if (timingFunction) {
- finalKfs[percent][animationTimingFunctionAttrName] = timingFunction;
- }
- }
- var path;
- var canAnimateShape = true;
- for (var percent in shapeKfs) {
- finalKfs[percent] = finalKfs[percent] || {};
- var isFirst = !path;
- var timingFunction = shapeKfs[percent][animationTimingFunctionAttrName];
- if (isFirst) {
- path = new PathProxy();
- }
- var len_1 = path.len();
- path.reset();
- finalKfs[percent].d = buildPathString(el, shapeKfs[percent], path);
- var newLen = path.len();
- if (!isFirst && len_1 !== newLen) {
- canAnimateShape = false;
- break;
- }
- if (timingFunction) {
- finalKfs[percent][animationTimingFunctionAttrName] = timingFunction;
- }
- }
- if (!canAnimateShape) {
- for (var percent in finalKfs) {
- delete finalKfs[percent].d;
- }
- }
- if (!onlyShape) {
- for (var i = 0; i < len; i++) {
- var animator = animators[i];
- var targetProp = animator.targetName;
- if (targetProp === 'style') {
- saveAnimatorTrackToCssKfs(animator, finalKfs, function (propName) { return ANIMATE_STYLE_MAP[propName]; });
- }
- }
- }
- var percents = keys(finalKfs);
- var allTransformOriginSame = true;
- var transformOrigin;
- for (var i = 1; i < percents.length; i++) {
- var p0 = percents[i - 1];
- var p1 = percents[i];
- if (finalKfs[p0][transformOriginKey] !== finalKfs[p1][transformOriginKey]) {
- allTransformOriginSame = false;
- break;
- }
- transformOrigin = finalKfs[p0][transformOriginKey];
- }
- if (allTransformOriginSame && transformOrigin) {
- for (var percent in finalKfs) {
- if (finalKfs[percent][transformOriginKey]) {
- delete finalKfs[percent][transformOriginKey];
- }
- }
- attrs[transformOriginKey] = transformOrigin;
- }
- if (filter(percents, function (percent) { return keys(finalKfs[percent]).length > 0; }).length) {
- var animationName = addAnimation(finalKfs, scope);
- return animationName + " " + groupAnimator[0] + " both";
- }
- }
- for (var key in groupAnimators) {
- var animationCfg = createSingleCSSAnimation(groupAnimators[key]);
- if (animationCfg) {
- cssAnimations.push(animationCfg);
- }
- }
- if (cssAnimations.length) {
- var className = scope.zrId + '-cls-' + getClassId();
- scope.cssNodes['.' + className] = {
- animation: cssAnimations.join(',')
- };
- attrs["class"] = className;
- }
- }
-
- function createCSSEmphasis(el, attrs, scope) {
- if (!el.ignore) {
- if (el.isSilent()) {
- var style = {
- 'pointer-events': 'none'
- };
- setClassAttribute(style, attrs, scope, true);
- }
- else {
- var emphasisStyle = el.states.emphasis && el.states.emphasis.style
- ? el.states.emphasis.style
- : {};
- var fill = emphasisStyle.fill;
- if (!fill) {
- var normalFill = el.style && el.style.fill;
- var selectFill = el.states.select
- && el.states.select.style
- && el.states.select.style.fill;
- var fromFill = el.currentStates.indexOf('select') >= 0
- ? (selectFill || normalFill)
- : normalFill;
- if (fromFill) {
- fill = liftColor(fromFill);
- }
- }
- var lineWidth = emphasisStyle.lineWidth;
- if (lineWidth) {
- var scaleX = (!emphasisStyle.strokeNoScale && el.transform)
- ? el.transform[0]
- : 1;
- lineWidth = lineWidth / scaleX;
- }
- var style = {
- cursor: 'pointer'
- };
- if (fill) {
- style.fill = fill;
- }
- if (emphasisStyle.stroke) {
- style.stroke = emphasisStyle.stroke;
- }
- if (lineWidth) {
- style['stroke-width'] = lineWidth;
- }
- setClassAttribute(style, attrs, scope, true);
- }
- }
- }
- function setClassAttribute(style, attrs, scope, withHover) {
- var styleKey = JSON.stringify(style);
- var className = scope.cssStyleCache[styleKey];
- if (!className) {
- className = scope.zrId + '-cls-' + getClassId();
- scope.cssStyleCache[styleKey] = className;
- scope.cssNodes['.' + className + (withHover ? ':hover' : '')] = style;
- }
- attrs["class"] = attrs["class"] ? (attrs["class"] + ' ' + className) : className;
- }
-
- var round$2 = Math.round;
- function isImageLike$1(val) {
- return val && isString(val.src);
- }
- function isCanvasLike(val) {
- return val && isFunction(val.toDataURL);
- }
- function setStyleAttrs(attrs, style, el, scope) {
- mapStyleToAttrs(function (key, val) {
- var isFillStroke = key === 'fill' || key === 'stroke';
- if (isFillStroke && isGradient(val)) {
- setGradient(style, attrs, key, scope);
- }
- else if (isFillStroke && isPattern(val)) {
- setPattern(el, attrs, key, scope);
- }
- else if (isFillStroke && val === 'none') {
- attrs[key] = 'transparent';
- }
- else {
- attrs[key] = val;
- }
- }, style, el, false);
- setShadow(el, attrs, scope);
- }
- function setMetaData(attrs, el) {
- var metaData = getElementSSRData(el);
- if (metaData) {
- metaData.each(function (val, key) {
- val != null && (attrs[(META_DATA_PREFIX + key).toLowerCase()] = val + '');
- });
- if (el.isSilent()) {
- attrs[META_DATA_PREFIX + 'silent'] = 'true';
- }
- }
- }
- function noRotateScale(m) {
- return isAroundZero$1(m[0] - 1)
- && isAroundZero$1(m[1])
- && isAroundZero$1(m[2])
- && isAroundZero$1(m[3] - 1);
- }
- function noTranslate(m) {
- return isAroundZero$1(m[4]) && isAroundZero$1(m[5]);
- }
- function setTransform(attrs, m, compress) {
- if (m && !(noTranslate(m) && noRotateScale(m))) {
- var mul = compress ? 10 : 1e4;
- attrs.transform = noRotateScale(m)
- ? "translate(" + round$2(m[4] * mul) / mul + " " + round$2(m[5] * mul) / mul + ")" : getMatrixStr(m);
- }
- }
- function convertPolyShape(shape, attrs, mul) {
- var points = shape.points;
- var strArr = [];
- for (var i = 0; i < points.length; i++) {
- strArr.push(round$2(points[i][0] * mul) / mul);
- strArr.push(round$2(points[i][1] * mul) / mul);
- }
- attrs.points = strArr.join(' ');
- }
- function validatePolyShape(shape) {
- return !shape.smooth;
- }
- function createAttrsConvert(desc) {
- var normalizedDesc = map(desc, function (item) {
- return (typeof item === 'string' ? [item, item] : item);
- });
- return function (shape, attrs, mul) {
- for (var i = 0; i < normalizedDesc.length; i++) {
- var item = normalizedDesc[i];
- var val = shape[item[0]];
- if (val != null) {
- attrs[item[1]] = round$2(val * mul) / mul;
- }
- }
- };
- }
- var builtinShapesDef = {
- circle: [createAttrsConvert(['cx', 'cy', 'r'])],
- polyline: [convertPolyShape, validatePolyShape],
- polygon: [convertPolyShape, validatePolyShape]
- };
- function hasShapeAnimation(el) {
- var animators = el.animators;
- for (var i = 0; i < animators.length; i++) {
- if (animators[i].targetName === 'shape') {
- return true;
- }
- }
- return false;
- }
- function brushSVGPath(el, scope) {
- var style = el.style;
- var shape = el.shape;
- var builtinShpDef = builtinShapesDef[el.type];
- var attrs = {};
- var needsAnimate = scope.animation;
- var svgElType = 'path';
- var strokePercent = el.style.strokePercent;
- var precision = (scope.compress && getPathPrecision(el)) || 4;
- if (builtinShpDef
- && !scope.willUpdate
- && !(builtinShpDef[1] && !builtinShpDef[1](shape))
- && !(needsAnimate && hasShapeAnimation(el))
- && !(strokePercent < 1)) {
- svgElType = el.type;
- var mul = Math.pow(10, precision);
- builtinShpDef[0](shape, attrs, mul);
- }
- else {
- var needBuildPath = !el.path || el.shapeChanged();
- if (!el.path) {
- el.createPathProxy();
- }
- var path = el.path;
- if (needBuildPath) {
- path.beginPath();
- el.buildPath(path, el.shape);
- el.pathUpdated();
- }
- var pathVersion = path.getVersion();
- var elExt = el;
- var svgPathBuilder = elExt.__svgPathBuilder;
- if (elExt.__svgPathVersion !== pathVersion
- || !svgPathBuilder
- || strokePercent !== elExt.__svgPathStrokePercent) {
- if (!svgPathBuilder) {
- svgPathBuilder = elExt.__svgPathBuilder = new SVGPathRebuilder();
- }
- svgPathBuilder.reset(precision);
- path.rebuildPath(svgPathBuilder, strokePercent);
- svgPathBuilder.generateStr();
- elExt.__svgPathVersion = pathVersion;
- elExt.__svgPathStrokePercent = strokePercent;
- }
- attrs.d = svgPathBuilder.getStr();
- }
- setTransform(attrs, el.transform);
- setStyleAttrs(attrs, style, el, scope);
- setMetaData(attrs, el);
- scope.animation && createCSSAnimation(el, attrs, scope);
- scope.emphasis && createCSSEmphasis(el, attrs, scope);
- return createVNode(svgElType, el.id + '', attrs);
- }
- function brushSVGImage(el, scope) {
- var style = el.style;
- var image = style.image;
- if (image && !isString(image)) {
- if (isImageLike$1(image)) {
- image = image.src;
- }
- else if (isCanvasLike(image)) {
- image = image.toDataURL();
- }
- }
- if (!image) {
- return;
- }
- var x = style.x || 0;
- var y = style.y || 0;
- var dw = style.width;
- var dh = style.height;
- var attrs = {
- href: image,
- width: dw,
- height: dh
- };
- if (x) {
- attrs.x = x;
- }
- if (y) {
- attrs.y = y;
- }
- setTransform(attrs, el.transform);
- setStyleAttrs(attrs, style, el, scope);
- setMetaData(attrs, el);
- scope.animation && createCSSAnimation(el, attrs, scope);
- return createVNode('image', el.id + '', attrs);
- }
- function brushSVGTSpan(el, scope) {
- var style = el.style;
- var text = style.text;
- text != null && (text += '');
- if (!text || isNaN(style.x) || isNaN(style.y)) {
- return;
- }
- var font = style.font || DEFAULT_FONT;
- var x = style.x || 0;
- var y = adjustTextY(style.y || 0, getLineHeight(font), style.textBaseline);
- var textAlign = TEXT_ALIGN_TO_ANCHOR[style.textAlign]
- || style.textAlign;
- var attrs = {
- 'dominant-baseline': 'central',
- 'text-anchor': textAlign
- };
- if (hasSeparateFont(style)) {
- var separatedFontStr = '';
- var fontStyle = style.fontStyle;
- var fontSize = parseFontSize(style.fontSize);
- if (!parseFloat(fontSize)) {
- return;
- }
- var fontFamily = style.fontFamily || DEFAULT_FONT_FAMILY;
- var fontWeight = style.fontWeight;
- separatedFontStr += "font-size:" + fontSize + ";font-family:" + fontFamily + ";";
- if (fontStyle && fontStyle !== 'normal') {
- separatedFontStr += "font-style:" + fontStyle + ";";
- }
- if (fontWeight && fontWeight !== 'normal') {
- separatedFontStr += "font-weight:" + fontWeight + ";";
- }
- attrs.style = separatedFontStr;
- }
- else {
- attrs.style = "font: " + font;
- }
- if (text.match(/\s/)) {
- attrs['xml:space'] = 'preserve';
- }
- if (x) {
- attrs.x = x;
- }
- if (y) {
- attrs.y = y;
- }
- setTransform(attrs, el.transform);
- setStyleAttrs(attrs, style, el, scope);
- setMetaData(attrs, el);
- scope.animation && createCSSAnimation(el, attrs, scope);
- return createVNode('text', el.id + '', attrs, undefined, text);
- }
- function brush$1(el, scope) {
- if (el instanceof Path) {
- return brushSVGPath(el, scope);
- }
- else if (el instanceof ZRImage) {
- return brushSVGImage(el, scope);
- }
- else if (el instanceof TSpan) {
- return brushSVGTSpan(el, scope);
- }
- }
- function setShadow(el, attrs, scope) {
- var style = el.style;
- if (hasShadow(style)) {
- var shadowKey = getShadowKey(el);
- var shadowCache = scope.shadowCache;
- var shadowId = shadowCache[shadowKey];
- if (!shadowId) {
- var globalScale = el.getGlobalScale();
- var scaleX = globalScale[0];
- var scaleY = globalScale[1];
- if (!scaleX || !scaleY) {
- return;
- }
- var offsetX = style.shadowOffsetX || 0;
- var offsetY = style.shadowOffsetY || 0;
- var blur_1 = style.shadowBlur;
- var _a = normalizeColor(style.shadowColor), opacity = _a.opacity, color = _a.color;
- var stdDx = blur_1 / 2 / scaleX;
- var stdDy = blur_1 / 2 / scaleY;
- var stdDeviation = stdDx + ' ' + stdDy;
- shadowId = scope.zrId + '-s' + scope.shadowIdx++;
- scope.defs[shadowId] = createVNode('filter', shadowId, {
- 'id': shadowId,
- 'x': '-100%',
- 'y': '-100%',
- 'width': '300%',
- 'height': '300%'
- }, [
- createVNode('feDropShadow', '', {
- 'dx': offsetX / scaleX,
- 'dy': offsetY / scaleY,
- 'stdDeviation': stdDeviation,
- 'flood-color': color,
- 'flood-opacity': opacity
- })
- ]);
- shadowCache[shadowKey] = shadowId;
- }
- attrs.filter = getIdURL(shadowId);
- }
- }
- function setGradient(style, attrs, target, scope) {
- var val = style[target];
- var gradientTag;
- var gradientAttrs = {
- 'gradientUnits': val.global
- ? 'userSpaceOnUse'
- : 'objectBoundingBox'
- };
- if (isLinearGradient(val)) {
- gradientTag = 'linearGradient';
- gradientAttrs.x1 = val.x;
- gradientAttrs.y1 = val.y;
- gradientAttrs.x2 = val.x2;
- gradientAttrs.y2 = val.y2;
- }
- else if (isRadialGradient(val)) {
- gradientTag = 'radialGradient';
- gradientAttrs.cx = retrieve2(val.x, 0.5);
- gradientAttrs.cy = retrieve2(val.y, 0.5);
- gradientAttrs.r = retrieve2(val.r, 0.5);
- }
- else {
- if ("development" !== 'production') {
- logError('Illegal gradient type.');
- }
- return;
- }
- var colors = val.colorStops;
- var colorStops = [];
- for (var i = 0, len = colors.length; i < len; ++i) {
- var offset = round4(colors[i].offset) * 100 + '%';
- var stopColor = colors[i].color;
- var _a = normalizeColor(stopColor), color = _a.color, opacity = _a.opacity;
- var stopsAttrs = {
- 'offset': offset
- };
- stopsAttrs['stop-color'] = color;
- if (opacity < 1) {
- stopsAttrs['stop-opacity'] = opacity;
- }
- colorStops.push(createVNode('stop', i + '', stopsAttrs));
- }
- var gradientVNode = createVNode(gradientTag, '', gradientAttrs, colorStops);
- var gradientKey = vNodeToString(gradientVNode);
- var gradientCache = scope.gradientCache;
- var gradientId = gradientCache[gradientKey];
- if (!gradientId) {
- gradientId = scope.zrId + '-g' + scope.gradientIdx++;
- gradientCache[gradientKey] = gradientId;
- gradientAttrs.id = gradientId;
- scope.defs[gradientId] = createVNode(gradientTag, gradientId, gradientAttrs, colorStops);
- }
- attrs[target] = getIdURL(gradientId);
- }
- function setPattern(el, attrs, target, scope) {
- var val = el.style[target];
- var boundingRect = el.getBoundingRect();
- var patternAttrs = {};
- var repeat = val.repeat;
- var noRepeat = repeat === 'no-repeat';
- var repeatX = repeat === 'repeat-x';
- var repeatY = repeat === 'repeat-y';
- var child;
- if (isImagePattern(val)) {
- var imageWidth_1 = val.imageWidth;
- var imageHeight_1 = val.imageHeight;
- var imageSrc = void 0;
- var patternImage = val.image;
- if (isString(patternImage)) {
- imageSrc = patternImage;
- }
- else if (isImageLike$1(patternImage)) {
- imageSrc = patternImage.src;
- }
- else if (isCanvasLike(patternImage)) {
- imageSrc = patternImage.toDataURL();
- }
- if (typeof Image === 'undefined') {
- var errMsg = 'Image width/height must been given explictly in svg-ssr renderer.';
- assert(imageWidth_1, errMsg);
- assert(imageHeight_1, errMsg);
- }
- else if (imageWidth_1 == null || imageHeight_1 == null) {
- var setSizeToVNode_1 = function (vNode, img) {
- if (vNode) {
- var svgEl = vNode.elm;
- var width = imageWidth_1 || img.width;
- var height = imageHeight_1 || img.height;
- if (vNode.tag === 'pattern') {
- if (repeatX) {
- height = 1;
- width /= boundingRect.width;
- }
- else if (repeatY) {
- width = 1;
- height /= boundingRect.height;
- }
- }
- vNode.attrs.width = width;
- vNode.attrs.height = height;
- if (svgEl) {
- svgEl.setAttribute('width', width);
- svgEl.setAttribute('height', height);
- }
- }
- };
- var createdImage = createOrUpdateImage(imageSrc, null, el, function (img) {
- noRepeat || setSizeToVNode_1(patternVNode, img);
- setSizeToVNode_1(child, img);
- });
- if (createdImage && createdImage.width && createdImage.height) {
- imageWidth_1 = imageWidth_1 || createdImage.width;
- imageHeight_1 = imageHeight_1 || createdImage.height;
- }
- }
- child = createVNode('image', 'img', {
- href: imageSrc,
- width: imageWidth_1,
- height: imageHeight_1
- });
- patternAttrs.width = imageWidth_1;
- patternAttrs.height = imageHeight_1;
- }
- else if (val.svgElement) {
- child = clone(val.svgElement);
- patternAttrs.width = val.svgWidth;
- patternAttrs.height = val.svgHeight;
- }
- if (!child) {
- return;
- }
- var patternWidth;
- var patternHeight;
- if (noRepeat) {
- patternWidth = patternHeight = 1;
- }
- else if (repeatX) {
- patternHeight = 1;
- patternWidth = patternAttrs.width / boundingRect.width;
- }
- else if (repeatY) {
- patternWidth = 1;
- patternHeight = patternAttrs.height / boundingRect.height;
- }
- else {
- patternAttrs.patternUnits = 'userSpaceOnUse';
- }
- if (patternWidth != null && !isNaN(patternWidth)) {
- patternAttrs.width = patternWidth;
- }
- if (patternHeight != null && !isNaN(patternHeight)) {
- patternAttrs.height = patternHeight;
- }
- var patternTransform = getSRTTransformString(val);
- patternTransform && (patternAttrs.patternTransform = patternTransform);
- var patternVNode = createVNode('pattern', '', patternAttrs, [child]);
- var patternKey = vNodeToString(patternVNode);
- var patternCache = scope.patternCache;
- var patternId = patternCache[patternKey];
- if (!patternId) {
- patternId = scope.zrId + '-p' + scope.patternIdx++;
- patternCache[patternKey] = patternId;
- patternAttrs.id = patternId;
- patternVNode = scope.defs[patternId] = createVNode('pattern', patternId, patternAttrs, [child]);
- }
- attrs[target] = getIdURL(patternId);
- }
- function setClipPath(clipPath, attrs, scope) {
- var clipPathCache = scope.clipPathCache, defs = scope.defs;
- var clipPathId = clipPathCache[clipPath.id];
- if (!clipPathId) {
- clipPathId = scope.zrId + '-c' + scope.clipPathIdx++;
- var clipPathAttrs = {
- id: clipPathId
- };
- clipPathCache[clipPath.id] = clipPathId;
- defs[clipPathId] = createVNode('clipPath', clipPathId, clipPathAttrs, [brushSVGPath(clipPath, scope)]);
- }
- attrs['clip-path'] = getIdURL(clipPathId);
- }
-
- function createTextNode(text) {
- return document.createTextNode(text);
- }
- function insertBefore(parentNode, newNode, referenceNode) {
- parentNode.insertBefore(newNode, referenceNode);
- }
- function removeChild(node, child) {
- node.removeChild(child);
- }
- function appendChild(node, child) {
- node.appendChild(child);
- }
- function parentNode(node) {
- return node.parentNode;
- }
- function nextSibling(node) {
- return node.nextSibling;
- }
- function setTextContent(node, text) {
- node.textContent = text;
- }
-
- var colonChar = 58;
- var xChar = 120;
- var emptyNode = createVNode('', '');
- function isUndef(s) {
- return s === undefined;
- }
- function isDef(s) {
- return s !== undefined;
- }
- function createKeyToOldIdx(children, beginIdx, endIdx) {
- var map = {};
- for (var i = beginIdx; i <= endIdx; ++i) {
- var key = children[i].key;
- if (key !== undefined) {
- if ("development" !== 'production') {
- if (map[key] != null) {
- console.error("Duplicate key " + key);
- }
- }
- map[key] = i;
- }
- }
- return map;
- }
- function sameVnode(vnode1, vnode2) {
- var isSameKey = vnode1.key === vnode2.key;
- var isSameTag = vnode1.tag === vnode2.tag;
- return isSameTag && isSameKey;
- }
- function createElm(vnode) {
- var i;
- var children = vnode.children;
- var tag = vnode.tag;
- if (isDef(tag)) {
- var elm = (vnode.elm = createElement(tag));
- updateAttrs(emptyNode, vnode);
- if (isArray(children)) {
- for (i = 0; i < children.length; ++i) {
- var ch = children[i];
- if (ch != null) {
- appendChild(elm, createElm(ch));
- }
- }
- }
- else if (isDef(vnode.text) && !isObject(vnode.text)) {
- appendChild(elm, createTextNode(vnode.text));
- }
- }
- else {
- vnode.elm = createTextNode(vnode.text);
- }
- return vnode.elm;
- }
- function addVnodes(parentElm, before, vnodes, startIdx, endIdx) {
- for (; startIdx <= endIdx; ++startIdx) {
- var ch = vnodes[startIdx];
- if (ch != null) {
- insertBefore(parentElm, createElm(ch), before);
- }
- }
- }
- function removeVnodes(parentElm, vnodes, startIdx, endIdx) {
- for (; startIdx <= endIdx; ++startIdx) {
- var ch = vnodes[startIdx];
- if (ch != null) {
- if (isDef(ch.tag)) {
- var parent_1 = parentNode(ch.elm);
- removeChild(parent_1, ch.elm);
- }
- else {
- removeChild(parentElm, ch.elm);
- }
- }
- }
- }
- function updateAttrs(oldVnode, vnode) {
- var key;
- var elm = vnode.elm;
- var oldAttrs = oldVnode && oldVnode.attrs || {};
- var attrs = vnode.attrs || {};
- if (oldAttrs === attrs) {
- return;
- }
- for (key in attrs) {
- var cur = attrs[key];
- var old = oldAttrs[key];
- if (old !== cur) {
- if (cur === true) {
- elm.setAttribute(key, '');
- }
- else if (cur === false) {
- elm.removeAttribute(key);
- }
- else {
- if (key === 'style') {
- elm.style.cssText = cur;
- }
- else if (key.charCodeAt(0) !== xChar) {
- elm.setAttribute(key, cur);
- }
- else if (key === 'xmlns:xlink' || key === 'xmlns') {
- elm.setAttributeNS(XMLNS, key, cur);
- }
- else if (key.charCodeAt(3) === colonChar) {
- elm.setAttributeNS(XML_NAMESPACE, key, cur);
- }
- else if (key.charCodeAt(5) === colonChar) {
- elm.setAttributeNS(XLINKNS, key, cur);
- }
- else {
- elm.setAttribute(key, cur);
- }
- }
- }
- }
- for (key in oldAttrs) {
- if (!(key in attrs)) {
- elm.removeAttribute(key);
- }
- }
- }
- function updateChildren(parentElm, oldCh, newCh) {
- var oldStartIdx = 0;
- var newStartIdx = 0;
- var oldEndIdx = oldCh.length - 1;
- var oldStartVnode = oldCh[0];
- var oldEndVnode = oldCh[oldEndIdx];
- var newEndIdx = newCh.length - 1;
- var newStartVnode = newCh[0];
- var newEndVnode = newCh[newEndIdx];
- var oldKeyToIdx;
- var idxInOld;
- var elmToMove;
- var before;
- while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
- if (oldStartVnode == null) {
- oldStartVnode = oldCh[++oldStartIdx];
- }
- else if (oldEndVnode == null) {
- oldEndVnode = oldCh[--oldEndIdx];
- }
- else if (newStartVnode == null) {
- newStartVnode = newCh[++newStartIdx];
- }
- else if (newEndVnode == null) {
- newEndVnode = newCh[--newEndIdx];
- }
- else if (sameVnode(oldStartVnode, newStartVnode)) {
- patchVnode(oldStartVnode, newStartVnode);
- oldStartVnode = oldCh[++oldStartIdx];
- newStartVnode = newCh[++newStartIdx];
- }
- else if (sameVnode(oldEndVnode, newEndVnode)) {
- patchVnode(oldEndVnode, newEndVnode);
- oldEndVnode = oldCh[--oldEndIdx];
- newEndVnode = newCh[--newEndIdx];
- }
- else if (sameVnode(oldStartVnode, newEndVnode)) {
- patchVnode(oldStartVnode, newEndVnode);
- insertBefore(parentElm, oldStartVnode.elm, nextSibling(oldEndVnode.elm));
- oldStartVnode = oldCh[++oldStartIdx];
- newEndVnode = newCh[--newEndIdx];
- }
- else if (sameVnode(oldEndVnode, newStartVnode)) {
- patchVnode(oldEndVnode, newStartVnode);
- insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm);
- oldEndVnode = oldCh[--oldEndIdx];
- newStartVnode = newCh[++newStartIdx];
- }
- else {
- if (isUndef(oldKeyToIdx)) {
- oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx);
- }
- idxInOld = oldKeyToIdx[newStartVnode.key];
- if (isUndef(idxInOld)) {
- insertBefore(parentElm, createElm(newStartVnode), oldStartVnode.elm);
- }
- else {
- elmToMove = oldCh[idxInOld];
- if (elmToMove.tag !== newStartVnode.tag) {
- insertBefore(parentElm, createElm(newStartVnode), oldStartVnode.elm);
- }
- else {
- patchVnode(elmToMove, newStartVnode);
- oldCh[idxInOld] = undefined;
- insertBefore(parentElm, elmToMove.elm, oldStartVnode.elm);
- }
- }
- newStartVnode = newCh[++newStartIdx];
- }
- }
- if (oldStartIdx <= oldEndIdx || newStartIdx <= newEndIdx) {
- if (oldStartIdx > oldEndIdx) {
- before = newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].elm;
- addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx);
- }
- else {
- removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);
- }
- }
- }
- function patchVnode(oldVnode, vnode) {
- var elm = (vnode.elm = oldVnode.elm);
- var oldCh = oldVnode.children;
- var ch = vnode.children;
- if (oldVnode === vnode) {
- return;
- }
- updateAttrs(oldVnode, vnode);
- if (isUndef(vnode.text)) {
- if (isDef(oldCh) && isDef(ch)) {
- if (oldCh !== ch) {
- updateChildren(elm, oldCh, ch);
- }
- }
- else if (isDef(ch)) {
- if (isDef(oldVnode.text)) {
- setTextContent(elm, '');
- }
- addVnodes(elm, null, ch, 0, ch.length - 1);
- }
- else if (isDef(oldCh)) {
- removeVnodes(elm, oldCh, 0, oldCh.length - 1);
- }
- else if (isDef(oldVnode.text)) {
- setTextContent(elm, '');
- }
- }
- else if (oldVnode.text !== vnode.text) {
- if (isDef(oldCh)) {
- removeVnodes(elm, oldCh, 0, oldCh.length - 1);
- }
- setTextContent(elm, vnode.text);
- }
- }
- function patch(oldVnode, vnode) {
- if (sameVnode(oldVnode, vnode)) {
- patchVnode(oldVnode, vnode);
- }
- else {
- var elm = oldVnode.elm;
- var parent_2 = parentNode(elm);
- createElm(vnode);
- if (parent_2 !== null) {
- insertBefore(parent_2, vnode.elm, nextSibling(elm));
- removeVnodes(parent_2, [oldVnode], 0, 0);
- }
- }
- return vnode;
- }
-
- var svgId = 0;
- var SVGPainter = (function () {
- function SVGPainter(root, storage, opts) {
- this.type = 'svg';
- this.refreshHover = createMethodNotSupport('refreshHover');
- this.configLayer = createMethodNotSupport('configLayer');
- this.storage = storage;
- this._opts = opts = extend({}, opts);
- this.root = root;
- this._id = 'zr' + svgId++;
- this._oldVNode = createSVGVNode(opts.width, opts.height);
- if (root && !opts.ssr) {
- var viewport = this._viewport = document.createElement('div');
- viewport.style.cssText = 'position:relative;overflow:hidden';
- var svgDom = this._svgDom = this._oldVNode.elm = createElement('svg');
- updateAttrs(null, this._oldVNode);
- viewport.appendChild(svgDom);
- root.appendChild(viewport);
- }
- this.resize(opts.width, opts.height);
- }
- SVGPainter.prototype.getType = function () {
- return this.type;
- };
- SVGPainter.prototype.getViewportRoot = function () {
- return this._viewport;
- };
- SVGPainter.prototype.getViewportRootOffset = function () {
- var viewportRoot = this.getViewportRoot();
- if (viewportRoot) {
- return {
- offsetLeft: viewportRoot.offsetLeft || 0,
- offsetTop: viewportRoot.offsetTop || 0
- };
- }
- };
- SVGPainter.prototype.getSvgDom = function () {
- return this._svgDom;
- };
- SVGPainter.prototype.refresh = function () {
- if (this.root) {
- var vnode = this.renderToVNode({
- willUpdate: true
- });
- vnode.attrs.style = 'position:absolute;left:0;top:0;user-select:none';
- patch(this._oldVNode, vnode);
- this._oldVNode = vnode;
- }
- };
- SVGPainter.prototype.renderOneToVNode = function (el) {
- return brush$1(el, createBrushScope(this._id));
- };
- SVGPainter.prototype.renderToVNode = function (opts) {
- opts = opts || {};
- var list = this.storage.getDisplayList(true);
- var width = this._width;
- var height = this._height;
- var scope = createBrushScope(this._id);
- scope.animation = opts.animation;
- scope.willUpdate = opts.willUpdate;
- scope.compress = opts.compress;
- scope.emphasis = opts.emphasis;
- var children = [];
- var bgVNode = this._bgVNode = createBackgroundVNode(width, height, this._backgroundColor, scope);
- bgVNode && children.push(bgVNode);
- var mainVNode = !opts.compress
- ? (this._mainVNode = createVNode('g', 'main', {}, [])) : null;
- this._paintList(list, scope, mainVNode ? mainVNode.children : children);
- mainVNode && children.push(mainVNode);
- var defs = map(keys(scope.defs), function (id) { return scope.defs[id]; });
- if (defs.length) {
- children.push(createVNode('defs', 'defs', {}, defs));
- }
- if (opts.animation) {
- var animationCssStr = getCssString(scope.cssNodes, scope.cssAnims, { newline: true });
- if (animationCssStr) {
- var styleNode = createVNode('style', 'stl', {}, [], animationCssStr);
- children.push(styleNode);
- }
- }
- return createSVGVNode(width, height, children, opts.useViewBox);
- };
- SVGPainter.prototype.renderToString = function (opts) {
- opts = opts || {};
- return vNodeToString(this.renderToVNode({
- animation: retrieve2(opts.cssAnimation, true),
- emphasis: retrieve2(opts.cssEmphasis, true),
- willUpdate: false,
- compress: true,
- useViewBox: retrieve2(opts.useViewBox, true)
- }), { newline: true });
- };
- SVGPainter.prototype.setBackgroundColor = function (backgroundColor) {
- this._backgroundColor = backgroundColor;
- };
- SVGPainter.prototype.getSvgRoot = function () {
- return this._mainVNode && this._mainVNode.elm;
- };
- SVGPainter.prototype._paintList = function (list, scope, out) {
- var listLen = list.length;
- var clipPathsGroupsStack = [];
- var clipPathsGroupsStackDepth = 0;
- var currentClipPathGroup;
- var prevClipPaths;
- var clipGroupNodeIdx = 0;
- for (var i = 0; i < listLen; i++) {
- var displayable = list[i];
- if (!displayable.invisible) {
- var clipPaths = displayable.__clipPaths;
- var len = clipPaths && clipPaths.length || 0;
- var prevLen = prevClipPaths && prevClipPaths.length || 0;
- var lca = void 0;
- for (lca = Math.max(len - 1, prevLen - 1); lca >= 0; lca--) {
- if (clipPaths && prevClipPaths
- && clipPaths[lca] === prevClipPaths[lca]) {
- break;
- }
- }
- for (var i_1 = prevLen - 1; i_1 > lca; i_1--) {
- clipPathsGroupsStackDepth--;
- currentClipPathGroup = clipPathsGroupsStack[clipPathsGroupsStackDepth - 1];
- }
- for (var i_2 = lca + 1; i_2 < len; i_2++) {
- var groupAttrs = {};
- setClipPath(clipPaths[i_2], groupAttrs, scope);
- var g = createVNode('g', 'clip-g-' + clipGroupNodeIdx++, groupAttrs, []);
- (currentClipPathGroup ? currentClipPathGroup.children : out).push(g);
- clipPathsGroupsStack[clipPathsGroupsStackDepth++] = g;
- currentClipPathGroup = g;
- }
- prevClipPaths = clipPaths;
- var ret = brush$1(displayable, scope);
- if (ret) {
- (currentClipPathGroup ? currentClipPathGroup.children : out).push(ret);
- }
- }
- }
- };
- SVGPainter.prototype.resize = function (width, height) {
- var opts = this._opts;
- var root = this.root;
- var viewport = this._viewport;
- width != null && (opts.width = width);
- height != null && (opts.height = height);
- if (root && viewport) {
- viewport.style.display = 'none';
- width = getSize(root, 0, opts);
- height = getSize(root, 1, opts);
- viewport.style.display = '';
- }
- if (this._width !== width || this._height !== height) {
- this._width = width;
- this._height = height;
- if (viewport) {
- var viewportStyle = viewport.style;
- viewportStyle.width = width + 'px';
- viewportStyle.height = height + 'px';
- }
- if (!isPattern(this._backgroundColor)) {
- var svgDom = this._svgDom;
- if (svgDom) {
- svgDom.setAttribute('width', width);
- svgDom.setAttribute('height', height);
- }
- var bgEl = this._bgVNode && this._bgVNode.elm;
- if (bgEl) {
- bgEl.setAttribute('width', width);
- bgEl.setAttribute('height', height);
- }
- }
- else {
- this.refresh();
- }
- }
- };
- SVGPainter.prototype.getWidth = function () {
- return this._width;
- };
- SVGPainter.prototype.getHeight = function () {
- return this._height;
- };
- SVGPainter.prototype.dispose = function () {
- if (this.root) {
- this.root.innerHTML = '';
- }
- this._svgDom =
- this._viewport =
- this.storage =
- this._oldVNode =
- this._bgVNode =
- this._mainVNode = null;
- };
- SVGPainter.prototype.clear = function () {
- if (this._svgDom) {
- this._svgDom.innerHTML = null;
- }
- this._oldVNode = null;
- };
- SVGPainter.prototype.toDataURL = function (base64) {
- var str = this.renderToString();
- var prefix = 'data:image/svg+xml;';
- if (base64) {
- str = encodeBase64(str);
- return str && prefix + 'base64,' + str;
- }
- return prefix + 'charset=UTF-8,' + encodeURIComponent(str);
- };
- return SVGPainter;
- }());
- function createMethodNotSupport(method) {
- return function () {
- if ("development" !== 'production') {
- logError('In SVG mode painter not support method "' + method + '"');
- }
- };
- }
- function createBackgroundVNode(width, height, backgroundColor, scope) {
- var bgVNode;
- if (backgroundColor && backgroundColor !== 'none') {
- bgVNode = createVNode('rect', 'bg', {
- width: width,
- height: height,
- x: '0',
- y: '0'
- });
- if (isGradient(backgroundColor)) {
- setGradient({ fill: backgroundColor }, bgVNode.attrs, 'fill', scope);
- }
- else if (isPattern(backgroundColor)) {
- setPattern({
- style: {
- fill: backgroundColor
- },
- dirty: noop,
- getBoundingRect: function () { return ({ width: width, height: height }); }
- }, bgVNode.attrs, 'fill', scope);
- }
- else {
- var _a = normalizeColor(backgroundColor), color = _a.color, opacity = _a.opacity;
- bgVNode.attrs.fill = color;
- opacity < 1 && (bgVNode.attrs['fill-opacity'] = opacity);
- }
- }
- return bgVNode;
- }
-
- function install(registers) {
- registers.registerPainter('svg', SVGPainter);
- }
-
- function createDom(id, painter, dpr) {
- var newDom = platformApi.createCanvas();
- var width = painter.getWidth();
- var height = painter.getHeight();
- var newDomStyle = newDom.style;
- if (newDomStyle) {
- newDomStyle.position = 'absolute';
- newDomStyle.left = '0';
- newDomStyle.top = '0';
- newDomStyle.width = width + 'px';
- newDomStyle.height = height + 'px';
- newDom.setAttribute('data-zr-dom-id', id);
- }
- newDom.width = width * dpr;
- newDom.height = height * dpr;
- return newDom;
- }
- var Layer = (function (_super) {
- __extends(Layer, _super);
- function Layer(id, painter, dpr) {
- var _this = _super.call(this) || this;
- _this.motionBlur = false;
- _this.lastFrameAlpha = 0.7;
- _this.dpr = 1;
- _this.virtual = false;
- _this.config = {};
- _this.incremental = false;
- _this.zlevel = 0;
- _this.maxRepaintRectCount = 5;
- _this.__dirty = true;
- _this.__firstTimePaint = true;
- _this.__used = false;
- _this.__drawIndex = 0;
- _this.__startIndex = 0;
- _this.__endIndex = 0;
- _this.__prevStartIndex = null;
- _this.__prevEndIndex = null;
- var dom;
- dpr = dpr || devicePixelRatio;
- if (typeof id === 'string') {
- dom = createDom(id, painter, dpr);
- }
- else if (isObject(id)) {
- dom = id;
- id = dom.id;
- }
- _this.id = id;
- _this.dom = dom;
- var domStyle = dom.style;
- if (domStyle) {
- disableUserSelect(dom);
- dom.onselectstart = function () { return false; };
- domStyle.padding = '0';
- domStyle.margin = '0';
- domStyle.borderWidth = '0';
- }
- _this.painter = painter;
- _this.dpr = dpr;
- return _this;
- }
- Layer.prototype.getElementCount = function () {
- return this.__endIndex - this.__startIndex;
- };
- Layer.prototype.afterBrush = function () {
- this.__prevStartIndex = this.__startIndex;
- this.__prevEndIndex = this.__endIndex;
- };
- Layer.prototype.initContext = function () {
- this.ctx = this.dom.getContext('2d');
- this.ctx.dpr = this.dpr;
- };
- Layer.prototype.setUnpainted = function () {
- this.__firstTimePaint = true;
- };
- Layer.prototype.createBackBuffer = function () {
- var dpr = this.dpr;
- this.domBack = createDom('back-' + this.id, this.painter, dpr);
- this.ctxBack = this.domBack.getContext('2d');
- if (dpr !== 1) {
- this.ctxBack.scale(dpr, dpr);
- }
- };
- Layer.prototype.createRepaintRects = function (displayList, prevList, viewWidth, viewHeight) {
- if (this.__firstTimePaint) {
- this.__firstTimePaint = false;
- return null;
- }
- var mergedRepaintRects = [];
- var maxRepaintRectCount = this.maxRepaintRectCount;
- var full = false;
- var pendingRect = new BoundingRect(0, 0, 0, 0);
- function addRectToMergePool(rect) {
- if (!rect.isFinite() || rect.isZero()) {
- return;
- }
- if (mergedRepaintRects.length === 0) {
- var boundingRect = new BoundingRect(0, 0, 0, 0);
- boundingRect.copy(rect);
- mergedRepaintRects.push(boundingRect);
- }
- else {
- var isMerged = false;
- var minDeltaArea = Infinity;
- var bestRectToMergeIdx = 0;
- for (var i = 0; i < mergedRepaintRects.length; ++i) {
- var mergedRect = mergedRepaintRects[i];
- if (mergedRect.intersect(rect)) {
- var pendingRect_1 = new BoundingRect(0, 0, 0, 0);
- pendingRect_1.copy(mergedRect);
- pendingRect_1.union(rect);
- mergedRepaintRects[i] = pendingRect_1;
- isMerged = true;
- break;
- }
- else if (full) {
- pendingRect.copy(rect);
- pendingRect.union(mergedRect);
- var aArea = rect.width * rect.height;
- var bArea = mergedRect.width * mergedRect.height;
- var pendingArea = pendingRect.width * pendingRect.height;
- var deltaArea = pendingArea - aArea - bArea;
- if (deltaArea < minDeltaArea) {
- minDeltaArea = deltaArea;
- bestRectToMergeIdx = i;
- }
- }
- }
- if (full) {
- mergedRepaintRects[bestRectToMergeIdx].union(rect);
- isMerged = true;
- }
- if (!isMerged) {
- var boundingRect = new BoundingRect(0, 0, 0, 0);
- boundingRect.copy(rect);
- mergedRepaintRects.push(boundingRect);
- }
- if (!full) {
- full = mergedRepaintRects.length >= maxRepaintRectCount;
- }
- }
- }
- for (var i = this.__startIndex; i < this.__endIndex; ++i) {
- var el = displayList[i];
- if (el) {
- var shouldPaint = el.shouldBePainted(viewWidth, viewHeight, true, true);
- var prevRect = el.__isRendered && ((el.__dirty & REDRAW_BIT) || !shouldPaint)
- ? el.getPrevPaintRect()
- : null;
- if (prevRect) {
- addRectToMergePool(prevRect);
- }
- var curRect = shouldPaint && ((el.__dirty & REDRAW_BIT) || !el.__isRendered)
- ? el.getPaintRect()
- : null;
- if (curRect) {
- addRectToMergePool(curRect);
- }
- }
- }
- for (var i = this.__prevStartIndex; i < this.__prevEndIndex; ++i) {
- var el = prevList[i];
- var shouldPaint = el && el.shouldBePainted(viewWidth, viewHeight, true, true);
- if (el && (!shouldPaint || !el.__zr) && el.__isRendered) {
- var prevRect = el.getPrevPaintRect();
- if (prevRect) {
- addRectToMergePool(prevRect);
- }
- }
- }
- var hasIntersections;
- do {
- hasIntersections = false;
- for (var i = 0; i < mergedRepaintRects.length;) {
- if (mergedRepaintRects[i].isZero()) {
- mergedRepaintRects.splice(i, 1);
- continue;
- }
- for (var j = i + 1; j < mergedRepaintRects.length;) {
- if (mergedRepaintRects[i].intersect(mergedRepaintRects[j])) {
- hasIntersections = true;
- mergedRepaintRects[i].union(mergedRepaintRects[j]);
- mergedRepaintRects.splice(j, 1);
- }
- else {
- j++;
- }
- }
- i++;
- }
- } while (hasIntersections);
- this._paintRects = mergedRepaintRects;
- return mergedRepaintRects;
- };
- Layer.prototype.debugGetPaintRects = function () {
- return (this._paintRects || []).slice();
- };
- Layer.prototype.resize = function (width, height) {
- var dpr = this.dpr;
- var dom = this.dom;
- var domStyle = dom.style;
- var domBack = this.domBack;
- if (domStyle) {
- domStyle.width = width + 'px';
- domStyle.height = height + 'px';
- }
- dom.width = width * dpr;
- dom.height = height * dpr;
- if (domBack) {
- domBack.width = width * dpr;
- domBack.height = height * dpr;
- if (dpr !== 1) {
- this.ctxBack.scale(dpr, dpr);
- }
- }
- };
- Layer.prototype.clear = function (clearAll, clearColor, repaintRects) {
- var dom = this.dom;
- var ctx = this.ctx;
- var width = dom.width;
- var height = dom.height;
- clearColor = clearColor || this.clearColor;
- var haveMotionBLur = this.motionBlur && !clearAll;
- var lastFrameAlpha = this.lastFrameAlpha;
- var dpr = this.dpr;
- var self = this;
- if (haveMotionBLur) {
- if (!this.domBack) {
- this.createBackBuffer();
- }
- this.ctxBack.globalCompositeOperation = 'copy';
- this.ctxBack.drawImage(dom, 0, 0, width / dpr, height / dpr);
- }
- var domBack = this.domBack;
- function doClear(x, y, width, height) {
- ctx.clearRect(x, y, width, height);
- if (clearColor && clearColor !== 'transparent') {
- var clearColorGradientOrPattern = void 0;
- if (isGradientObject(clearColor)) {
- var shouldCache = clearColor.global || (clearColor.__width === width
- && clearColor.__height === height);
- clearColorGradientOrPattern = shouldCache
- && clearColor.__canvasGradient
- || getCanvasGradient(ctx, clearColor, {
- x: 0,
- y: 0,
- width: width,
- height: height
- });
- clearColor.__canvasGradient = clearColorGradientOrPattern;
- clearColor.__width = width;
- clearColor.__height = height;
- }
- else if (isImagePatternObject(clearColor)) {
- clearColor.scaleX = clearColor.scaleX || dpr;
- clearColor.scaleY = clearColor.scaleY || dpr;
- clearColorGradientOrPattern = createCanvasPattern(ctx, clearColor, {
- dirty: function () {
- self.setUnpainted();
- self.painter.refresh();
- }
- });
- }
- ctx.save();
- ctx.fillStyle = clearColorGradientOrPattern || clearColor;
- ctx.fillRect(x, y, width, height);
- ctx.restore();
- }
- if (haveMotionBLur) {
- ctx.save();
- ctx.globalAlpha = lastFrameAlpha;
- ctx.drawImage(domBack, x, y, width, height);
- ctx.restore();
- }
- }
- if (!repaintRects || haveMotionBLur) {
- doClear(0, 0, width, height);
- }
- else if (repaintRects.length) {
- each(repaintRects, function (rect) {
- doClear(rect.x * dpr, rect.y * dpr, rect.width * dpr, rect.height * dpr);
- });
- }
- };
- return Layer;
- }(Eventful));
-
- var HOVER_LAYER_ZLEVEL = 1e5;
- var CANVAS_ZLEVEL = 314159;
- var EL_AFTER_INCREMENTAL_INC = 0.01;
- var INCREMENTAL_INC = 0.001;
- function isLayerValid(layer) {
- if (!layer) {
- return false;
- }
- if (layer.__builtin__) {
- return true;
- }
- if (typeof (layer.resize) !== 'function'
- || typeof (layer.refresh) !== 'function') {
- return false;
- }
- return true;
- }
- function createRoot(width, height) {
- var domRoot = document.createElement('div');
- domRoot.style.cssText = [
- 'position:relative',
- 'width:' + width + 'px',
- 'height:' + height + 'px',
- 'padding:0',
- 'margin:0',
- 'border-width:0'
- ].join(';') + ';';
- return domRoot;
- }
- var CanvasPainter = (function () {
- function CanvasPainter(root, storage, opts, id) {
- this.type = 'canvas';
- this._zlevelList = [];
- this._prevDisplayList = [];
- this._layers = {};
- this._layerConfig = {};
- this._needsManuallyCompositing = false;
- this.type = 'canvas';
- var singleCanvas = !root.nodeName
- || root.nodeName.toUpperCase() === 'CANVAS';
- this._opts = opts = extend({}, opts || {});
- this.dpr = opts.devicePixelRatio || devicePixelRatio;
- this._singleCanvas = singleCanvas;
- this.root = root;
- var rootStyle = root.style;
- if (rootStyle) {
- disableUserSelect(root);
- root.innerHTML = '';
- }
- this.storage = storage;
- var zlevelList = this._zlevelList;
- this._prevDisplayList = [];
- var layers = this._layers;
- if (!singleCanvas) {
- this._width = getSize(root, 0, opts);
- this._height = getSize(root, 1, opts);
- var domRoot = this._domRoot = createRoot(this._width, this._height);
- root.appendChild(domRoot);
- }
- else {
- var rootCanvas = root;
- var width = rootCanvas.width;
- var height = rootCanvas.height;
- if (opts.width != null) {
- width = opts.width;
- }
- if (opts.height != null) {
- height = opts.height;
- }
- this.dpr = opts.devicePixelRatio || 1;
- rootCanvas.width = width * this.dpr;
- rootCanvas.height = height * this.dpr;
- this._width = width;
- this._height = height;
- var mainLayer = new Layer(rootCanvas, this, this.dpr);
- mainLayer.__builtin__ = true;
- mainLayer.initContext();
- layers[CANVAS_ZLEVEL] = mainLayer;
- mainLayer.zlevel = CANVAS_ZLEVEL;
- zlevelList.push(CANVAS_ZLEVEL);
- this._domRoot = root;
- }
- }
- CanvasPainter.prototype.getType = function () {
- return 'canvas';
- };
- CanvasPainter.prototype.isSingleCanvas = function () {
- return this._singleCanvas;
- };
- CanvasPainter.prototype.getViewportRoot = function () {
- return this._domRoot;
- };
- CanvasPainter.prototype.getViewportRootOffset = function () {
- var viewportRoot = this.getViewportRoot();
- if (viewportRoot) {
- return {
- offsetLeft: viewportRoot.offsetLeft || 0,
- offsetTop: viewportRoot.offsetTop || 0
- };
- }
- };
- CanvasPainter.prototype.refresh = function (paintAll) {
- var list = this.storage.getDisplayList(true);
- var prevList = this._prevDisplayList;
- var zlevelList = this._zlevelList;
- this._redrawId = Math.random();
- this._paintList(list, prevList, paintAll, this._redrawId);
- for (var i = 0; i < zlevelList.length; i++) {
- var z = zlevelList[i];
- var layer = this._layers[z];
- if (!layer.__builtin__ && layer.refresh) {
- var clearColor = i === 0 ? this._backgroundColor : null;
- layer.refresh(clearColor);
- }
- }
- if (this._opts.useDirtyRect) {
- this._prevDisplayList = list.slice();
- }
- return this;
- };
- CanvasPainter.prototype.refreshHover = function () {
- this._paintHoverList(this.storage.getDisplayList(false));
- };
- CanvasPainter.prototype._paintHoverList = function (list) {
- var len = list.length;
- var hoverLayer = this._hoverlayer;
- hoverLayer && hoverLayer.clear();
- if (!len) {
- return;
- }
- var scope = {
- inHover: true,
- viewWidth: this._width,
- viewHeight: this._height
- };
- var ctx;
- for (var i = 0; i < len; i++) {
- var el = list[i];
- if (el.__inHover) {
- if (!hoverLayer) {
- hoverLayer = this._hoverlayer = this.getLayer(HOVER_LAYER_ZLEVEL);
- }
- if (!ctx) {
- ctx = hoverLayer.ctx;
- ctx.save();
- }
- brush(ctx, el, scope, i === len - 1);
- }
- }
- if (ctx) {
- ctx.restore();
- }
- };
- CanvasPainter.prototype.getHoverLayer = function () {
- return this.getLayer(HOVER_LAYER_ZLEVEL);
- };
- CanvasPainter.prototype.paintOne = function (ctx, el) {
- brushSingle(ctx, el);
- };
- CanvasPainter.prototype._paintList = function (list, prevList, paintAll, redrawId) {
- if (this._redrawId !== redrawId) {
- return;
- }
- paintAll = paintAll || false;
- this._updateLayerStatus(list);
- var _a = this._doPaintList(list, prevList, paintAll), finished = _a.finished, needsRefreshHover = _a.needsRefreshHover;
- if (this._needsManuallyCompositing) {
- this._compositeManually();
- }
- if (needsRefreshHover) {
- this._paintHoverList(list);
- }
- if (!finished) {
- var self_1 = this;
- requestAnimationFrame$1(function () {
- self_1._paintList(list, prevList, paintAll, redrawId);
- });
- }
- else {
- this.eachLayer(function (layer) {
- layer.afterBrush && layer.afterBrush();
- });
- }
- };
- CanvasPainter.prototype._compositeManually = function () {
- var ctx = this.getLayer(CANVAS_ZLEVEL).ctx;
- var width = this._domRoot.width;
- var height = this._domRoot.height;
- ctx.clearRect(0, 0, width, height);
- this.eachBuiltinLayer(function (layer) {
- if (layer.virtual) {
- ctx.drawImage(layer.dom, 0, 0, width, height);
- }
- });
- };
- CanvasPainter.prototype._doPaintList = function (list, prevList, paintAll) {
- var _this = this;
- var layerList = [];
- var useDirtyRect = this._opts.useDirtyRect;
- for (var zi = 0; zi < this._zlevelList.length; zi++) {
- var zlevel = this._zlevelList[zi];
- var layer = this._layers[zlevel];
- if (layer.__builtin__
- && layer !== this._hoverlayer
- && (layer.__dirty || paintAll)) {
- layerList.push(layer);
- }
- }
- var finished = true;
- var needsRefreshHover = false;
- var _loop_1 = function (k) {
- var layer = layerList[k];
- var ctx = layer.ctx;
- var repaintRects = useDirtyRect
- && layer.createRepaintRects(list, prevList, this_1._width, this_1._height);
- var start = paintAll ? layer.__startIndex : layer.__drawIndex;
- var useTimer = !paintAll && layer.incremental && Date.now;
- var startTime = useTimer && Date.now();
- var clearColor = layer.zlevel === this_1._zlevelList[0]
- ? this_1._backgroundColor : null;
- if (layer.__startIndex === layer.__endIndex) {
- layer.clear(false, clearColor, repaintRects);
- }
- else if (start === layer.__startIndex) {
- var firstEl = list[start];
- if (!firstEl.incremental || !firstEl.notClear || paintAll) {
- layer.clear(false, clearColor, repaintRects);
- }
- }
- if (start === -1) {
- console.error('For some unknown reason. drawIndex is -1');
- start = layer.__startIndex;
- }
- var i;
- var repaint = function (repaintRect) {
- var scope = {
- inHover: false,
- allClipped: false,
- prevEl: null,
- viewWidth: _this._width,
- viewHeight: _this._height
- };
- for (i = start; i < layer.__endIndex; i++) {
- var el = list[i];
- if (el.__inHover) {
- needsRefreshHover = true;
- }
- _this._doPaintEl(el, layer, useDirtyRect, repaintRect, scope, i === layer.__endIndex - 1);
- if (useTimer) {
- var dTime = Date.now() - startTime;
- if (dTime > 15) {
- break;
- }
- }
- }
- if (scope.prevElClipPaths) {
- ctx.restore();
- }
- };
- if (repaintRects) {
- if (repaintRects.length === 0) {
- i = layer.__endIndex;
- }
- else {
- var dpr = this_1.dpr;
- for (var r = 0; r < repaintRects.length; ++r) {
- var rect = repaintRects[r];
- ctx.save();
- ctx.beginPath();
- ctx.rect(rect.x * dpr, rect.y * dpr, rect.width * dpr, rect.height * dpr);
- ctx.clip();
- repaint(rect);
- ctx.restore();
- }
- }
- }
- else {
- ctx.save();
- repaint();
- ctx.restore();
- }
- layer.__drawIndex = i;
- if (layer.__drawIndex < layer.__endIndex) {
- finished = false;
- }
- };
- var this_1 = this;
- for (var k = 0; k < layerList.length; k++) {
- _loop_1(k);
- }
- if (env.wxa) {
- each(this._layers, function (layer) {
- if (layer && layer.ctx && layer.ctx.draw) {
- layer.ctx.draw();
- }
- });
- }
- return {
- finished: finished,
- needsRefreshHover: needsRefreshHover
- };
- };
- CanvasPainter.prototype._doPaintEl = function (el, currentLayer, useDirtyRect, repaintRect, scope, isLast) {
- var ctx = currentLayer.ctx;
- if (useDirtyRect) {
- var paintRect = el.getPaintRect();
- if (!repaintRect || paintRect && paintRect.intersect(repaintRect)) {
- brush(ctx, el, scope, isLast);
- el.setPrevPaintRect(paintRect);
- }
- }
- else {
- brush(ctx, el, scope, isLast);
- }
- };
- CanvasPainter.prototype.getLayer = function (zlevel, virtual) {
- if (this._singleCanvas && !this._needsManuallyCompositing) {
- zlevel = CANVAS_ZLEVEL;
- }
- var layer = this._layers[zlevel];
- if (!layer) {
- layer = new Layer('zr_' + zlevel, this, this.dpr);
- layer.zlevel = zlevel;
- layer.__builtin__ = true;
- if (this._layerConfig[zlevel]) {
- merge(layer, this._layerConfig[zlevel], true);
- }
- else if (this._layerConfig[zlevel - EL_AFTER_INCREMENTAL_INC]) {
- merge(layer, this._layerConfig[zlevel - EL_AFTER_INCREMENTAL_INC], true);
- }
- if (virtual) {
- layer.virtual = virtual;
- }
- this.insertLayer(zlevel, layer);
- layer.initContext();
- }
- return layer;
- };
- CanvasPainter.prototype.insertLayer = function (zlevel, layer) {
- var layersMap = this._layers;
- var zlevelList = this._zlevelList;
- var len = zlevelList.length;
- var domRoot = this._domRoot;
- var prevLayer = null;
- var i = -1;
- if (layersMap[zlevel]) {
- if ("development" !== 'production') {
- logError('ZLevel ' + zlevel + ' has been used already');
- }
- return;
- }
- if (!isLayerValid(layer)) {
- if ("development" !== 'production') {
- logError('Layer of zlevel ' + zlevel + ' is not valid');
- }
- return;
- }
- if (len > 0 && zlevel > zlevelList[0]) {
- for (i = 0; i < len - 1; i++) {
- if (zlevelList[i] < zlevel
- && zlevelList[i + 1] > zlevel) {
- break;
- }
- }
- prevLayer = layersMap[zlevelList[i]];
- }
- zlevelList.splice(i + 1, 0, zlevel);
- layersMap[zlevel] = layer;
- if (!layer.virtual) {
- if (prevLayer) {
- var prevDom = prevLayer.dom;
- if (prevDom.nextSibling) {
- domRoot.insertBefore(layer.dom, prevDom.nextSibling);
- }
- else {
- domRoot.appendChild(layer.dom);
- }
- }
- else {
- if (domRoot.firstChild) {
- domRoot.insertBefore(layer.dom, domRoot.firstChild);
- }
- else {
- domRoot.appendChild(layer.dom);
- }
- }
- }
- layer.painter || (layer.painter = this);
- };
- CanvasPainter.prototype.eachLayer = function (cb, context) {
- var zlevelList = this._zlevelList;
- for (var i = 0; i < zlevelList.length; i++) {
- var z = zlevelList[i];
- cb.call(context, this._layers[z], z);
- }
- };
- CanvasPainter.prototype.eachBuiltinLayer = function (cb, context) {
- var zlevelList = this._zlevelList;
- for (var i = 0; i < zlevelList.length; i++) {
- var z = zlevelList[i];
- var layer = this._layers[z];
- if (layer.__builtin__) {
- cb.call(context, layer, z);
- }
- }
- };
- CanvasPainter.prototype.eachOtherLayer = function (cb, context) {
- var zlevelList = this._zlevelList;
- for (var i = 0; i < zlevelList.length; i++) {
- var z = zlevelList[i];
- var layer = this._layers[z];
- if (!layer.__builtin__) {
- cb.call(context, layer, z);
- }
- }
- };
- CanvasPainter.prototype.getLayers = function () {
- return this._layers;
- };
- CanvasPainter.prototype._updateLayerStatus = function (list) {
- this.eachBuiltinLayer(function (layer, z) {
- layer.__dirty = layer.__used = false;
- });
- function updatePrevLayer(idx) {
- if (prevLayer) {
- if (prevLayer.__endIndex !== idx) {
- prevLayer.__dirty = true;
- }
- prevLayer.__endIndex = idx;
- }
- }
- if (this._singleCanvas) {
- for (var i_1 = 1; i_1 < list.length; i_1++) {
- var el = list[i_1];
- if (el.zlevel !== list[i_1 - 1].zlevel || el.incremental) {
- this._needsManuallyCompositing = true;
- break;
- }
- }
- }
- var prevLayer = null;
- var incrementalLayerCount = 0;
- var prevZlevel;
- var i;
- for (i = 0; i < list.length; i++) {
- var el = list[i];
- var zlevel = el.zlevel;
- var layer = void 0;
- if (prevZlevel !== zlevel) {
- prevZlevel = zlevel;
- incrementalLayerCount = 0;
- }
- if (el.incremental) {
- layer = this.getLayer(zlevel + INCREMENTAL_INC, this._needsManuallyCompositing);
- layer.incremental = true;
- incrementalLayerCount = 1;
- }
- else {
- layer = this.getLayer(zlevel + (incrementalLayerCount > 0 ? EL_AFTER_INCREMENTAL_INC : 0), this._needsManuallyCompositing);
- }
- if (!layer.__builtin__) {
- logError('ZLevel ' + zlevel + ' has been used by unkown layer ' + layer.id);
- }
- if (layer !== prevLayer) {
- layer.__used = true;
- if (layer.__startIndex !== i) {
- layer.__dirty = true;
- }
- layer.__startIndex = i;
- if (!layer.incremental) {
- layer.__drawIndex = i;
- }
- else {
- layer.__drawIndex = -1;
- }
- updatePrevLayer(i);
- prevLayer = layer;
- }
- if ((el.__dirty & REDRAW_BIT) && !el.__inHover) {
- layer.__dirty = true;
- if (layer.incremental && layer.__drawIndex < 0) {
- layer.__drawIndex = i;
- }
- }
- }
- updatePrevLayer(i);
- this.eachBuiltinLayer(function (layer, z) {
- if (!layer.__used && layer.getElementCount() > 0) {
- layer.__dirty = true;
- layer.__startIndex = layer.__endIndex = layer.__drawIndex = 0;
- }
- if (layer.__dirty && layer.__drawIndex < 0) {
- layer.__drawIndex = layer.__startIndex;
- }
- });
- };
- CanvasPainter.prototype.clear = function () {
- this.eachBuiltinLayer(this._clearLayer);
- return this;
- };
- CanvasPainter.prototype._clearLayer = function (layer) {
- layer.clear();
- };
- CanvasPainter.prototype.setBackgroundColor = function (backgroundColor) {
- this._backgroundColor = backgroundColor;
- each(this._layers, function (layer) {
- layer.setUnpainted();
- });
- };
- CanvasPainter.prototype.configLayer = function (zlevel, config) {
- if (config) {
- var layerConfig = this._layerConfig;
- if (!layerConfig[zlevel]) {
- layerConfig[zlevel] = config;
- }
- else {
- merge(layerConfig[zlevel], config, true);
- }
- for (var i = 0; i < this._zlevelList.length; i++) {
- var _zlevel = this._zlevelList[i];
- if (_zlevel === zlevel || _zlevel === zlevel + EL_AFTER_INCREMENTAL_INC) {
- var layer = this._layers[_zlevel];
- merge(layer, layerConfig[zlevel], true);
- }
- }
- }
- };
- CanvasPainter.prototype.delLayer = function (zlevel) {
- var layers = this._layers;
- var zlevelList = this._zlevelList;
- var layer = layers[zlevel];
- if (!layer) {
- return;
- }
- layer.dom.parentNode.removeChild(layer.dom);
- delete layers[zlevel];
- zlevelList.splice(indexOf(zlevelList, zlevel), 1);
- };
- CanvasPainter.prototype.resize = function (width, height) {
- if (!this._domRoot.style) {
- if (width == null || height == null) {
- return;
- }
- this._width = width;
- this._height = height;
- this.getLayer(CANVAS_ZLEVEL).resize(width, height);
- }
- else {
- var domRoot = this._domRoot;
- domRoot.style.display = 'none';
- var opts = this._opts;
- var root = this.root;
- width != null && (opts.width = width);
- height != null && (opts.height = height);
- width = getSize(root, 0, opts);
- height = getSize(root, 1, opts);
- domRoot.style.display = '';
- if (this._width !== width || height !== this._height) {
- domRoot.style.width = width + 'px';
- domRoot.style.height = height + 'px';
- for (var id in this._layers) {
- if (this._layers.hasOwnProperty(id)) {
- this._layers[id].resize(width, height);
- }
- }
- this.refresh(true);
- }
- this._width = width;
- this._height = height;
- }
- return this;
- };
- CanvasPainter.prototype.clearLayer = function (zlevel) {
- var layer = this._layers[zlevel];
- if (layer) {
- layer.clear();
- }
- };
- CanvasPainter.prototype.dispose = function () {
- this.root.innerHTML = '';
- this.root =
- this.storage =
- this._domRoot =
- this._layers = null;
- };
- CanvasPainter.prototype.getRenderedCanvas = function (opts) {
- opts = opts || {};
- if (this._singleCanvas && !this._compositeManually) {
- return this._layers[CANVAS_ZLEVEL].dom;
- }
- var imageLayer = new Layer('image', this, opts.pixelRatio || this.dpr);
- imageLayer.initContext();
- imageLayer.clear(false, opts.backgroundColor || this._backgroundColor);
- var ctx = imageLayer.ctx;
- if (opts.pixelRatio <= this.dpr) {
- this.refresh();
- var width_1 = imageLayer.dom.width;
- var height_1 = imageLayer.dom.height;
- this.eachLayer(function (layer) {
- if (layer.__builtin__) {
- ctx.drawImage(layer.dom, 0, 0, width_1, height_1);
- }
- else if (layer.renderToCanvas) {
- ctx.save();
- layer.renderToCanvas(ctx);
- ctx.restore();
- }
- });
- }
- else {
- var scope = {
- inHover: false,
- viewWidth: this._width,
- viewHeight: this._height
- };
- var displayList = this.storage.getDisplayList(true);
- for (var i = 0, len = displayList.length; i < len; i++) {
- var el = displayList[i];
- brush(ctx, el, scope, i === len - 1);
- }
- }
- return imageLayer.dom;
- };
- CanvasPainter.prototype.getWidth = function () {
- return this._width;
- };
- CanvasPainter.prototype.getHeight = function () {
- return this._height;
- };
- return CanvasPainter;
- }());
-
- function install$1(registers) {
- registers.registerPainter('canvas', CanvasPainter);
- }
-
- var LineSeriesModel = /** @class */function (_super) {
- __extends(LineSeriesModel, _super);
- function LineSeriesModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = LineSeriesModel.type;
- _this.hasSymbolVisual = true;
- return _this;
- }
- LineSeriesModel.prototype.getInitialData = function (option) {
- if ("development" !== 'production') {
- var coordSys = option.coordinateSystem;
- if (coordSys !== 'polar' && coordSys !== 'cartesian2d') {
- throw new Error('Line not support coordinateSystem besides cartesian and polar');
- }
- }
- return createSeriesData(null, this, {
- useEncodeDefaulter: true
- });
- };
- LineSeriesModel.prototype.getLegendIcon = function (opt) {
- var group = new Group();
- var line = createSymbol('line', 0, opt.itemHeight / 2, opt.itemWidth, 0, opt.lineStyle.stroke, false);
- group.add(line);
- line.setStyle(opt.lineStyle);
- var visualType = this.getData().getVisual('symbol');
- var visualRotate = this.getData().getVisual('symbolRotate');
- var symbolType = visualType === 'none' ? 'circle' : visualType;
- // Symbol size is 80% when there is a line
- var size = opt.itemHeight * 0.8;
- var symbol = createSymbol(symbolType, (opt.itemWidth - size) / 2, (opt.itemHeight - size) / 2, size, size, opt.itemStyle.fill);
- group.add(symbol);
- symbol.setStyle(opt.itemStyle);
- var symbolRotate = opt.iconRotate === 'inherit' ? visualRotate : opt.iconRotate || 0;
- symbol.rotation = symbolRotate * Math.PI / 180;
- symbol.setOrigin([opt.itemWidth / 2, opt.itemHeight / 2]);
- if (symbolType.indexOf('empty') > -1) {
- symbol.style.stroke = symbol.style.fill;
- symbol.style.fill = '#fff';
- symbol.style.lineWidth = 2;
- }
- return group;
- };
- LineSeriesModel.type = 'series.line';
- LineSeriesModel.dependencies = ['grid', 'polar'];
- LineSeriesModel.defaultOption = {
- // zlevel: 0,
- z: 3,
- coordinateSystem: 'cartesian2d',
- legendHoverLink: true,
- clip: true,
- label: {
- position: 'top'
- },
- // itemStyle: {
- // },
- endLabel: {
- show: false,
- valueAnimation: true,
- distance: 8
- },
- lineStyle: {
- width: 2,
- type: 'solid'
- },
- emphasis: {
- scale: true
- },
- // areaStyle: {
- // origin of areaStyle. Valid values:
- // `'auto'/null/undefined`: from axisLine to data
- // `'start'`: from min to data
- // `'end'`: from data to max
- // origin: 'auto'
- // },
- // false, 'start', 'end', 'middle'
- step: false,
- // Disabled if step is true
- smooth: false,
- smoothMonotone: null,
- symbol: 'emptyCircle',
- symbolSize: 4,
- symbolRotate: null,
- showSymbol: true,
- // `false`: follow the label interval strategy.
- // `true`: show all symbols.
- // `'auto'`: If possible, show all symbols, otherwise
- // follow the label interval strategy.
- showAllSymbol: 'auto',
- // Whether to connect break point.
- connectNulls: false,
- // Sampling for large data. Can be: 'average', 'max', 'min', 'sum', 'lttb'.
- sampling: 'none',
- animationEasing: 'linear',
- // Disable progressive
- progressive: 0,
- hoverLayerThreshold: Infinity,
- universalTransition: {
- divideShape: 'clone'
- },
- triggerLineEvent: false
- };
- return LineSeriesModel;
- }(SeriesModel);
-
- /**
- * @return label string. Not null/undefined
- */
- function getDefaultLabel(data, dataIndex) {
- var labelDims = data.mapDimensionsAll('defaultedLabel');
- var len = labelDims.length;
- // Simple optimization (in lots of cases, label dims length is 1)
- if (len === 1) {
- var rawVal = retrieveRawValue(data, dataIndex, labelDims[0]);
- return rawVal != null ? rawVal + '' : null;
- } else if (len) {
- var vals = [];
- for (var i = 0; i < labelDims.length; i++) {
- vals.push(retrieveRawValue(data, dataIndex, labelDims[i]));
- }
- return vals.join(' ');
- }
- }
- function getDefaultInterpolatedLabel(data, interpolatedValue) {
- var labelDims = data.mapDimensionsAll('defaultedLabel');
- if (!isArray(interpolatedValue)) {
- return interpolatedValue + '';
- }
- var vals = [];
- for (var i = 0; i < labelDims.length; i++) {
- var dimIndex = data.getDimensionIndex(labelDims[i]);
- if (dimIndex >= 0) {
- vals.push(interpolatedValue[dimIndex]);
- }
- }
- return vals.join(' ');
- }
-
- var Symbol = /** @class */function (_super) {
- __extends(Symbol, _super);
- function Symbol(data, idx, seriesScope, opts) {
- var _this = _super.call(this) || this;
- _this.updateData(data, idx, seriesScope, opts);
- return _this;
- }
- Symbol.prototype._createSymbol = function (symbolType, data, idx, symbolSize, keepAspect) {
- // Remove paths created before
- this.removeAll();
- // let symbolPath = createSymbol(
- // symbolType, -0.5, -0.5, 1, 1, color
- // );
- // If width/height are set too small (e.g., set to 1) on ios10
- // and macOS Sierra, a circle stroke become a rect, no matter what
- // the scale is set. So we set width/height as 2. See #4150.
- var symbolPath = createSymbol(symbolType, -1, -1, 2, 2, null, keepAspect);
- symbolPath.attr({
- z2: 100,
- culling: true,
- scaleX: symbolSize[0] / 2,
- scaleY: symbolSize[1] / 2
- });
- // Rewrite drift method
- symbolPath.drift = driftSymbol;
- this._symbolType = symbolType;
- this.add(symbolPath);
- };
- /**
- * Stop animation
- * @param {boolean} toLastFrame
- */
- Symbol.prototype.stopSymbolAnimation = function (toLastFrame) {
- this.childAt(0).stopAnimation(null, toLastFrame);
- };
- Symbol.prototype.getSymbolType = function () {
- return this._symbolType;
- };
- /**
- * FIXME:
- * Caution: This method breaks the encapsulation of this module,
- * but it indeed brings convenience. So do not use the method
- * unless you detailedly know all the implements of `Symbol`,
- * especially animation.
- *
- * Get symbol path element.
- */
- Symbol.prototype.getSymbolPath = function () {
- return this.childAt(0);
- };
- /**
- * Highlight symbol
- */
- Symbol.prototype.highlight = function () {
- enterEmphasis(this.childAt(0));
- };
- /**
- * Downplay symbol
- */
- Symbol.prototype.downplay = function () {
- leaveEmphasis(this.childAt(0));
- };
- /**
- * @param {number} zlevel
- * @param {number} z
- */
- Symbol.prototype.setZ = function (zlevel, z) {
- var symbolPath = this.childAt(0);
- symbolPath.zlevel = zlevel;
- symbolPath.z = z;
- };
- Symbol.prototype.setDraggable = function (draggable, hasCursorOption) {
- var symbolPath = this.childAt(0);
- symbolPath.draggable = draggable;
- symbolPath.cursor = !hasCursorOption && draggable ? 'move' : symbolPath.cursor;
- };
- /**
- * Update symbol properties
- */
- Symbol.prototype.updateData = function (data, idx, seriesScope, opts) {
- this.silent = false;
- var symbolType = data.getItemVisual(idx, 'symbol') || 'circle';
- var seriesModel = data.hostModel;
- var symbolSize = Symbol.getSymbolSize(data, idx);
- var isInit = symbolType !== this._symbolType;
- var disableAnimation = opts && opts.disableAnimation;
- if (isInit) {
- var keepAspect = data.getItemVisual(idx, 'symbolKeepAspect');
- this._createSymbol(symbolType, data, idx, symbolSize, keepAspect);
- } else {
- var symbolPath = this.childAt(0);
- symbolPath.silent = false;
- var target = {
- scaleX: symbolSize[0] / 2,
- scaleY: symbolSize[1] / 2
- };
- disableAnimation ? symbolPath.attr(target) : updateProps(symbolPath, target, seriesModel, idx);
- saveOldStyle(symbolPath);
- }
- this._updateCommon(data, idx, symbolSize, seriesScope, opts);
- if (isInit) {
- var symbolPath = this.childAt(0);
- if (!disableAnimation) {
- var target = {
- scaleX: this._sizeX,
- scaleY: this._sizeY,
- style: {
- // Always fadeIn. Because it has fadeOut animation when symbol is removed..
- opacity: symbolPath.style.opacity
- }
- };
- symbolPath.scaleX = symbolPath.scaleY = 0;
- symbolPath.style.opacity = 0;
- initProps(symbolPath, target, seriesModel, idx);
- }
- }
- if (disableAnimation) {
- // Must stop leave transition manually if don't call initProps or updateProps.
- this.childAt(0).stopAnimation('leave');
- }
- };
- Symbol.prototype._updateCommon = function (data, idx, symbolSize, seriesScope, opts) {
- var symbolPath = this.childAt(0);
- var seriesModel = data.hostModel;
- var emphasisItemStyle;
- var blurItemStyle;
- var selectItemStyle;
- var focus;
- var blurScope;
- var emphasisDisabled;
- var labelStatesModels;
- var hoverScale;
- var cursorStyle;
- if (seriesScope) {
- emphasisItemStyle = seriesScope.emphasisItemStyle;
- blurItemStyle = seriesScope.blurItemStyle;
- selectItemStyle = seriesScope.selectItemStyle;
- focus = seriesScope.focus;
- blurScope = seriesScope.blurScope;
- labelStatesModels = seriesScope.labelStatesModels;
- hoverScale = seriesScope.hoverScale;
- cursorStyle = seriesScope.cursorStyle;
- emphasisDisabled = seriesScope.emphasisDisabled;
- }
- if (!seriesScope || data.hasItemOption) {
- var itemModel = seriesScope && seriesScope.itemModel ? seriesScope.itemModel : data.getItemModel(idx);
- var emphasisModel = itemModel.getModel('emphasis');
- emphasisItemStyle = emphasisModel.getModel('itemStyle').getItemStyle();
- selectItemStyle = itemModel.getModel(['select', 'itemStyle']).getItemStyle();
- blurItemStyle = itemModel.getModel(['blur', 'itemStyle']).getItemStyle();
- focus = emphasisModel.get('focus');
- blurScope = emphasisModel.get('blurScope');
- emphasisDisabled = emphasisModel.get('disabled');
- labelStatesModels = getLabelStatesModels(itemModel);
- hoverScale = emphasisModel.getShallow('scale');
- cursorStyle = itemModel.getShallow('cursor');
- }
- var symbolRotate = data.getItemVisual(idx, 'symbolRotate');
- symbolPath.attr('rotation', (symbolRotate || 0) * Math.PI / 180 || 0);
- var symbolOffset = normalizeSymbolOffset(data.getItemVisual(idx, 'symbolOffset'), symbolSize);
- if (symbolOffset) {
- symbolPath.x = symbolOffset[0];
- symbolPath.y = symbolOffset[1];
- }
- cursorStyle && symbolPath.attr('cursor', cursorStyle);
- var symbolStyle = data.getItemVisual(idx, 'style');
- var visualColor = symbolStyle.fill;
- if (symbolPath instanceof ZRImage) {
- var pathStyle = symbolPath.style;
- symbolPath.useStyle(extend({
- // TODO other properties like x, y ?
- image: pathStyle.image,
- x: pathStyle.x,
- y: pathStyle.y,
- width: pathStyle.width,
- height: pathStyle.height
- }, symbolStyle));
- } else {
- if (symbolPath.__isEmptyBrush) {
- // fill and stroke will be swapped if it's empty.
- // So we cloned a new style to avoid it affecting the original style in visual storage.
- // TODO Better implementation. No empty logic!
- symbolPath.useStyle(extend({}, symbolStyle));
- } else {
- symbolPath.useStyle(symbolStyle);
- }
- // Disable decal because symbol scale will been applied on the decal.
- symbolPath.style.decal = null;
- symbolPath.setColor(visualColor, opts && opts.symbolInnerColor);
- symbolPath.style.strokeNoScale = true;
- }
- var liftZ = data.getItemVisual(idx, 'liftZ');
- var z2Origin = this._z2;
- if (liftZ != null) {
- if (z2Origin == null) {
- this._z2 = symbolPath.z2;
- symbolPath.z2 += liftZ;
- }
- } else if (z2Origin != null) {
- symbolPath.z2 = z2Origin;
- this._z2 = null;
- }
- var useNameLabel = opts && opts.useNameLabel;
- setLabelStyle(symbolPath, labelStatesModels, {
- labelFetcher: seriesModel,
- labelDataIndex: idx,
- defaultText: getLabelDefaultText,
- inheritColor: visualColor,
- defaultOpacity: symbolStyle.opacity
- });
- // Do not execute util needed.
- function getLabelDefaultText(idx) {
- return useNameLabel ? data.getName(idx) : getDefaultLabel(data, idx);
- }
- this._sizeX = symbolSize[0] / 2;
- this._sizeY = symbolSize[1] / 2;
- var emphasisState = symbolPath.ensureState('emphasis');
- emphasisState.style = emphasisItemStyle;
- symbolPath.ensureState('select').style = selectItemStyle;
- symbolPath.ensureState('blur').style = blurItemStyle;
- // null / undefined / true means to use default strategy.
- // 0 / false / negative number / NaN / Infinity means no scale.
- var scaleRatio = hoverScale == null || hoverScale === true ? Math.max(1.1, 3 / this._sizeY)
- // PENDING: restrict hoverScale > 1? It seems unreasonable to scale down
- : isFinite(hoverScale) && hoverScale > 0 ? +hoverScale : 1;
- // always set scale to allow resetting
- emphasisState.scaleX = this._sizeX * scaleRatio;
- emphasisState.scaleY = this._sizeY * scaleRatio;
- this.setSymbolScale(1);
- toggleHoverEmphasis(this, focus, blurScope, emphasisDisabled);
- };
- Symbol.prototype.setSymbolScale = function (scale) {
- this.scaleX = this.scaleY = scale;
- };
- Symbol.prototype.fadeOut = function (cb, seriesModel, opt) {
- var symbolPath = this.childAt(0);
- var dataIndex = getECData(this).dataIndex;
- var animationOpt = opt && opt.animation;
- // Avoid mistaken hover when fading out
- this.silent = symbolPath.silent = true;
- // Not show text when animating
- if (opt && opt.fadeLabel) {
- var textContent = symbolPath.getTextContent();
- if (textContent) {
- removeElement(textContent, {
- style: {
- opacity: 0
- }
- }, seriesModel, {
- dataIndex: dataIndex,
- removeOpt: animationOpt,
- cb: function () {
- symbolPath.removeTextContent();
- }
- });
- }
- } else {
- symbolPath.removeTextContent();
- }
- removeElement(symbolPath, {
- style: {
- opacity: 0
- },
- scaleX: 0,
- scaleY: 0
- }, seriesModel, {
- dataIndex: dataIndex,
- cb: cb,
- removeOpt: animationOpt
- });
- };
- Symbol.getSymbolSize = function (data, idx) {
- return normalizeSymbolSize(data.getItemVisual(idx, 'symbolSize'));
- };
- return Symbol;
- }(Group);
- function driftSymbol(dx, dy) {
- this.parent.drift(dx, dy);
- }
-
- function symbolNeedsDraw(data, point, idx, opt) {
- return point && !isNaN(point[0]) && !isNaN(point[1]) && !(opt.isIgnore && opt.isIgnore(idx))
- // We do not set clipShape on group, because it will cut part of
- // the symbol element shape. We use the same clip shape here as
- // the line clip.
- && !(opt.clipShape && !opt.clipShape.contain(point[0], point[1])) && data.getItemVisual(idx, 'symbol') !== 'none';
- }
- function normalizeUpdateOpt(opt) {
- if (opt != null && !isObject(opt)) {
- opt = {
- isIgnore: opt
- };
- }
- return opt || {};
- }
- function makeSeriesScope(data) {
- var seriesModel = data.hostModel;
- var emphasisModel = seriesModel.getModel('emphasis');
- return {
- emphasisItemStyle: emphasisModel.getModel('itemStyle').getItemStyle(),
- blurItemStyle: seriesModel.getModel(['blur', 'itemStyle']).getItemStyle(),
- selectItemStyle: seriesModel.getModel(['select', 'itemStyle']).getItemStyle(),
- focus: emphasisModel.get('focus'),
- blurScope: emphasisModel.get('blurScope'),
- emphasisDisabled: emphasisModel.get('disabled'),
- hoverScale: emphasisModel.get('scale'),
- labelStatesModels: getLabelStatesModels(seriesModel),
- cursorStyle: seriesModel.get('cursor')
- };
- }
- var SymbolDraw = /** @class */function () {
- function SymbolDraw(SymbolCtor) {
- this.group = new Group();
- this._SymbolCtor = SymbolCtor || Symbol;
- }
- /**
- * Update symbols draw by new data
- */
- SymbolDraw.prototype.updateData = function (data, opt) {
- // Remove progressive els.
- this._progressiveEls = null;
- opt = normalizeUpdateOpt(opt);
- var group = this.group;
- var seriesModel = data.hostModel;
- var oldData = this._data;
- var SymbolCtor = this._SymbolCtor;
- var disableAnimation = opt.disableAnimation;
- var seriesScope = makeSeriesScope(data);
- var symbolUpdateOpt = {
- disableAnimation: disableAnimation
- };
- var getSymbolPoint = opt.getSymbolPoint || function (idx) {
- return data.getItemLayout(idx);
- };
- // There is no oldLineData only when first rendering or switching from
- // stream mode to normal mode, where previous elements should be removed.
- if (!oldData) {
- group.removeAll();
- }
- data.diff(oldData).add(function (newIdx) {
- var point = getSymbolPoint(newIdx);
- if (symbolNeedsDraw(data, point, newIdx, opt)) {
- var symbolEl = new SymbolCtor(data, newIdx, seriesScope, symbolUpdateOpt);
- symbolEl.setPosition(point);
- data.setItemGraphicEl(newIdx, symbolEl);
- group.add(symbolEl);
- }
- }).update(function (newIdx, oldIdx) {
- var symbolEl = oldData.getItemGraphicEl(oldIdx);
- var point = getSymbolPoint(newIdx);
- if (!symbolNeedsDraw(data, point, newIdx, opt)) {
- group.remove(symbolEl);
- return;
- }
- var newSymbolType = data.getItemVisual(newIdx, 'symbol') || 'circle';
- var oldSymbolType = symbolEl && symbolEl.getSymbolType && symbolEl.getSymbolType();
- if (!symbolEl
- // Create a new if symbol type changed.
- || oldSymbolType && oldSymbolType !== newSymbolType) {
- group.remove(symbolEl);
- symbolEl = new SymbolCtor(data, newIdx, seriesScope, symbolUpdateOpt);
- symbolEl.setPosition(point);
- } else {
- symbolEl.updateData(data, newIdx, seriesScope, symbolUpdateOpt);
- var target = {
- x: point[0],
- y: point[1]
- };
- disableAnimation ? symbolEl.attr(target) : updateProps(symbolEl, target, seriesModel);
- }
- // Add back
- group.add(symbolEl);
- data.setItemGraphicEl(newIdx, symbolEl);
- }).remove(function (oldIdx) {
- var el = oldData.getItemGraphicEl(oldIdx);
- el && el.fadeOut(function () {
- group.remove(el);
- }, seriesModel);
- }).execute();
- this._getSymbolPoint = getSymbolPoint;
- this._data = data;
- };
- SymbolDraw.prototype.updateLayout = function () {
- var _this = this;
- var data = this._data;
- if (data) {
- // Not use animation
- data.eachItemGraphicEl(function (el, idx) {
- var point = _this._getSymbolPoint(idx);
- el.setPosition(point);
- el.markRedraw();
- });
- }
- };
- SymbolDraw.prototype.incrementalPrepareUpdate = function (data) {
- this._seriesScope = makeSeriesScope(data);
- this._data = null;
- this.group.removeAll();
- };
- /**
- * Update symbols draw by new data
- */
- SymbolDraw.prototype.incrementalUpdate = function (taskParams, data, opt) {
- // Clear
- this._progressiveEls = [];
- opt = normalizeUpdateOpt(opt);
- function updateIncrementalAndHover(el) {
- if (!el.isGroup) {
- el.incremental = true;
- el.ensureState('emphasis').hoverLayer = true;
- }
- }
- for (var idx = taskParams.start; idx < taskParams.end; idx++) {
- var point = data.getItemLayout(idx);
- if (symbolNeedsDraw(data, point, idx, opt)) {
- var el = new this._SymbolCtor(data, idx, this._seriesScope);
- el.traverse(updateIncrementalAndHover);
- el.setPosition(point);
- this.group.add(el);
- data.setItemGraphicEl(idx, el);
- this._progressiveEls.push(el);
- }
- }
- };
- SymbolDraw.prototype.eachRendered = function (cb) {
- traverseElements(this._progressiveEls || this.group, cb);
- };
- SymbolDraw.prototype.remove = function (enableAnimation) {
- var group = this.group;
- var data = this._data;
- // Incremental model do not have this._data.
- if (data && enableAnimation) {
- data.eachItemGraphicEl(function (el) {
- el.fadeOut(function () {
- group.remove(el);
- }, data.hostModel);
- });
- } else {
- group.removeAll();
- }
- };
- return SymbolDraw;
- }();
-
- function prepareDataCoordInfo(coordSys, data, valueOrigin) {
- var baseAxis = coordSys.getBaseAxis();
- var valueAxis = coordSys.getOtherAxis(baseAxis);
- var valueStart = getValueStart(valueAxis, valueOrigin);
- var baseAxisDim = baseAxis.dim;
- var valueAxisDim = valueAxis.dim;
- var valueDim = data.mapDimension(valueAxisDim);
- var baseDim = data.mapDimension(baseAxisDim);
- var baseDataOffset = valueAxisDim === 'x' || valueAxisDim === 'radius' ? 1 : 0;
- var dims = map(coordSys.dimensions, function (coordDim) {
- return data.mapDimension(coordDim);
- });
- var stacked = false;
- var stackResultDim = data.getCalculationInfo('stackResultDimension');
- if (isDimensionStacked(data, dims[0] /* , dims[1] */)) {
- // jshint ignore:line
- stacked = true;
- dims[0] = stackResultDim;
- }
- if (isDimensionStacked(data, dims[1] /* , dims[0] */)) {
- // jshint ignore:line
- stacked = true;
- dims[1] = stackResultDim;
- }
- return {
- dataDimsForPoint: dims,
- valueStart: valueStart,
- valueAxisDim: valueAxisDim,
- baseAxisDim: baseAxisDim,
- stacked: !!stacked,
- valueDim: valueDim,
- baseDim: baseDim,
- baseDataOffset: baseDataOffset,
- stackedOverDimension: data.getCalculationInfo('stackedOverDimension')
- };
- }
- function getValueStart(valueAxis, valueOrigin) {
- var valueStart = 0;
- var extent = valueAxis.scale.getExtent();
- if (valueOrigin === 'start') {
- valueStart = extent[0];
- } else if (valueOrigin === 'end') {
- valueStart = extent[1];
- }
- // If origin is specified as a number, use it as
- // valueStart directly
- else if (isNumber(valueOrigin) && !isNaN(valueOrigin)) {
- valueStart = valueOrigin;
- }
- // auto
- else {
- // Both positive
- if (extent[0] > 0) {
- valueStart = extent[0];
- }
- // Both negative
- else if (extent[1] < 0) {
- valueStart = extent[1];
- }
- // If is one positive, and one negative, onZero shall be true
- }
-
- return valueStart;
- }
- function getStackedOnPoint(dataCoordInfo, coordSys, data, idx) {
- var value = NaN;
- if (dataCoordInfo.stacked) {
- value = data.get(data.getCalculationInfo('stackedOverDimension'), idx);
- }
- if (isNaN(value)) {
- value = dataCoordInfo.valueStart;
- }
- var baseDataOffset = dataCoordInfo.baseDataOffset;
- var stackedData = [];
- stackedData[baseDataOffset] = data.get(dataCoordInfo.baseDim, idx);
- stackedData[1 - baseDataOffset] = value;
- return coordSys.dataToPoint(stackedData);
- }
-
- function diffData(oldData, newData) {
- var diffResult = [];
- newData.diff(oldData).add(function (idx) {
- diffResult.push({
- cmd: '+',
- idx: idx
- });
- }).update(function (newIdx, oldIdx) {
- diffResult.push({
- cmd: '=',
- idx: oldIdx,
- idx1: newIdx
- });
- }).remove(function (idx) {
- diffResult.push({
- cmd: '-',
- idx: idx
- });
- }).execute();
- return diffResult;
- }
- function lineAnimationDiff(oldData, newData, oldStackedOnPoints, newStackedOnPoints, oldCoordSys, newCoordSys, oldValueOrigin, newValueOrigin) {
- var diff = diffData(oldData, newData);
- // let newIdList = newData.mapArray(newData.getId);
- // let oldIdList = oldData.mapArray(oldData.getId);
- // convertToIntId(newIdList, oldIdList);
- // // FIXME One data ?
- // diff = arrayDiff(oldIdList, newIdList);
- var currPoints = [];
- var nextPoints = [];
- // Points for stacking base line
- var currStackedPoints = [];
- var nextStackedPoints = [];
- var status = [];
- var sortedIndices = [];
- var rawIndices = [];
- var newDataOldCoordInfo = prepareDataCoordInfo(oldCoordSys, newData, oldValueOrigin);
- // const oldDataNewCoordInfo = prepareDataCoordInfo(newCoordSys, oldData, newValueOrigin);
- var oldPoints = oldData.getLayout('points') || [];
- var newPoints = newData.getLayout('points') || [];
- for (var i = 0; i < diff.length; i++) {
- var diffItem = diff[i];
- var pointAdded = true;
- var oldIdx2 = void 0;
- var newIdx2 = void 0;
- // FIXME, animation is not so perfect when dataZoom window moves fast
- // Which is in case remvoing or add more than one data in the tail or head
- switch (diffItem.cmd) {
- case '=':
- oldIdx2 = diffItem.idx * 2;
- newIdx2 = diffItem.idx1 * 2;
- var currentX = oldPoints[oldIdx2];
- var currentY = oldPoints[oldIdx2 + 1];
- var nextX = newPoints[newIdx2];
- var nextY = newPoints[newIdx2 + 1];
- // If previous data is NaN, use next point directly
- if (isNaN(currentX) || isNaN(currentY)) {
- currentX = nextX;
- currentY = nextY;
- }
- currPoints.push(currentX, currentY);
- nextPoints.push(nextX, nextY);
- currStackedPoints.push(oldStackedOnPoints[oldIdx2], oldStackedOnPoints[oldIdx2 + 1]);
- nextStackedPoints.push(newStackedOnPoints[newIdx2], newStackedOnPoints[newIdx2 + 1]);
- rawIndices.push(newData.getRawIndex(diffItem.idx1));
- break;
- case '+':
- var newIdx = diffItem.idx;
- var newDataDimsForPoint = newDataOldCoordInfo.dataDimsForPoint;
- var oldPt = oldCoordSys.dataToPoint([newData.get(newDataDimsForPoint[0], newIdx), newData.get(newDataDimsForPoint[1], newIdx)]);
- newIdx2 = newIdx * 2;
- currPoints.push(oldPt[0], oldPt[1]);
- nextPoints.push(newPoints[newIdx2], newPoints[newIdx2 + 1]);
- var stackedOnPoint = getStackedOnPoint(newDataOldCoordInfo, oldCoordSys, newData, newIdx);
- currStackedPoints.push(stackedOnPoint[0], stackedOnPoint[1]);
- nextStackedPoints.push(newStackedOnPoints[newIdx2], newStackedOnPoints[newIdx2 + 1]);
- rawIndices.push(newData.getRawIndex(newIdx));
- break;
- case '-':
- pointAdded = false;
- }
- // Original indices
- if (pointAdded) {
- status.push(diffItem);
- sortedIndices.push(sortedIndices.length);
- }
- }
- // Diff result may be crossed if all items are changed
- // Sort by data index
- sortedIndices.sort(function (a, b) {
- return rawIndices[a] - rawIndices[b];
- });
- var len = currPoints.length;
- var sortedCurrPoints = createFloat32Array(len);
- var sortedNextPoints = createFloat32Array(len);
- var sortedCurrStackedPoints = createFloat32Array(len);
- var sortedNextStackedPoints = createFloat32Array(len);
- var sortedStatus = [];
- for (var i = 0; i < sortedIndices.length; i++) {
- var idx = sortedIndices[i];
- var i2 = i * 2;
- var idx2 = idx * 2;
- sortedCurrPoints[i2] = currPoints[idx2];
- sortedCurrPoints[i2 + 1] = currPoints[idx2 + 1];
- sortedNextPoints[i2] = nextPoints[idx2];
- sortedNextPoints[i2 + 1] = nextPoints[idx2 + 1];
- sortedCurrStackedPoints[i2] = currStackedPoints[idx2];
- sortedCurrStackedPoints[i2 + 1] = currStackedPoints[idx2 + 1];
- sortedNextStackedPoints[i2] = nextStackedPoints[idx2];
- sortedNextStackedPoints[i2 + 1] = nextStackedPoints[idx2 + 1];
- sortedStatus[i] = status[idx];
- }
- return {
- current: sortedCurrPoints,
- next: sortedNextPoints,
- stackedOnCurrent: sortedCurrStackedPoints,
- stackedOnNext: sortedNextStackedPoints,
- status: sortedStatus
- };
- }
-
- var mathMin$5 = Math.min;
- var mathMax$5 = Math.max;
- function isPointNull(x, y) {
- return isNaN(x) || isNaN(y);
- }
- /**
- * Draw smoothed line in non-monotone, in may cause undesired curve in extreme
- * situations. This should be used when points are non-monotone neither in x or
- * y dimension.
- */
- function drawSegment(ctx, points, start, segLen, allLen, dir, smooth, smoothMonotone, connectNulls) {
- var prevX;
- var prevY;
- var cpx0;
- var cpy0;
- var cpx1;
- var cpy1;
- var idx = start;
- var k = 0;
- for (; k < segLen; k++) {
- var x = points[idx * 2];
- var y = points[idx * 2 + 1];
- if (idx >= allLen || idx < 0) {
- break;
- }
- if (isPointNull(x, y)) {
- if (connectNulls) {
- idx += dir;
- continue;
- }
- break;
- }
- if (idx === start) {
- ctx[dir > 0 ? 'moveTo' : 'lineTo'](x, y);
- cpx0 = x;
- cpy0 = y;
- } else {
- var dx = x - prevX;
- var dy = y - prevY;
- // Ignore tiny segment.
- if (dx * dx + dy * dy < 0.5) {
- idx += dir;
- continue;
- }
- if (smooth > 0) {
- var nextIdx = idx + dir;
- var nextX = points[nextIdx * 2];
- var nextY = points[nextIdx * 2 + 1];
- // Ignore duplicate point
- while (nextX === x && nextY === y && k < segLen) {
- k++;
- nextIdx += dir;
- idx += dir;
- nextX = points[nextIdx * 2];
- nextY = points[nextIdx * 2 + 1];
- x = points[idx * 2];
- y = points[idx * 2 + 1];
- dx = x - prevX;
- dy = y - prevY;
- }
- var tmpK = k + 1;
- if (connectNulls) {
- // Find next point not null
- while (isPointNull(nextX, nextY) && tmpK < segLen) {
- tmpK++;
- nextIdx += dir;
- nextX = points[nextIdx * 2];
- nextY = points[nextIdx * 2 + 1];
- }
- }
- var ratioNextSeg = 0.5;
- var vx = 0;
- var vy = 0;
- var nextCpx0 = void 0;
- var nextCpy0 = void 0;
- // Is last point
- if (tmpK >= segLen || isPointNull(nextX, nextY)) {
- cpx1 = x;
- cpy1 = y;
- } else {
- vx = nextX - prevX;
- vy = nextY - prevY;
- var dx0 = x - prevX;
- var dx1 = nextX - x;
- var dy0 = y - prevY;
- var dy1 = nextY - y;
- var lenPrevSeg = void 0;
- var lenNextSeg = void 0;
- if (smoothMonotone === 'x') {
- lenPrevSeg = Math.abs(dx0);
- lenNextSeg = Math.abs(dx1);
- var dir_1 = vx > 0 ? 1 : -1;
- cpx1 = x - dir_1 * lenPrevSeg * smooth;
- cpy1 = y;
- nextCpx0 = x + dir_1 * lenNextSeg * smooth;
- nextCpy0 = y;
- } else if (smoothMonotone === 'y') {
- lenPrevSeg = Math.abs(dy0);
- lenNextSeg = Math.abs(dy1);
- var dir_2 = vy > 0 ? 1 : -1;
- cpx1 = x;
- cpy1 = y - dir_2 * lenPrevSeg * smooth;
- nextCpx0 = x;
- nextCpy0 = y + dir_2 * lenNextSeg * smooth;
- } else {
- lenPrevSeg = Math.sqrt(dx0 * dx0 + dy0 * dy0);
- lenNextSeg = Math.sqrt(dx1 * dx1 + dy1 * dy1);
- // Use ratio of seg length
- ratioNextSeg = lenNextSeg / (lenNextSeg + lenPrevSeg);
- cpx1 = x - vx * smooth * (1 - ratioNextSeg);
- cpy1 = y - vy * smooth * (1 - ratioNextSeg);
- // cp0 of next segment
- nextCpx0 = x + vx * smooth * ratioNextSeg;
- nextCpy0 = y + vy * smooth * ratioNextSeg;
- // Smooth constraint between point and next point.
- // Avoid exceeding extreme after smoothing.
- nextCpx0 = mathMin$5(nextCpx0, mathMax$5(nextX, x));
- nextCpy0 = mathMin$5(nextCpy0, mathMax$5(nextY, y));
- nextCpx0 = mathMax$5(nextCpx0, mathMin$5(nextX, x));
- nextCpy0 = mathMax$5(nextCpy0, mathMin$5(nextY, y));
- // Reclaculate cp1 based on the adjusted cp0 of next seg.
- vx = nextCpx0 - x;
- vy = nextCpy0 - y;
- cpx1 = x - vx * lenPrevSeg / lenNextSeg;
- cpy1 = y - vy * lenPrevSeg / lenNextSeg;
- // Smooth constraint between point and prev point.
- // Avoid exceeding extreme after smoothing.
- cpx1 = mathMin$5(cpx1, mathMax$5(prevX, x));
- cpy1 = mathMin$5(cpy1, mathMax$5(prevY, y));
- cpx1 = mathMax$5(cpx1, mathMin$5(prevX, x));
- cpy1 = mathMax$5(cpy1, mathMin$5(prevY, y));
- // Adjust next cp0 again.
- vx = x - cpx1;
- vy = y - cpy1;
- nextCpx0 = x + vx * lenNextSeg / lenPrevSeg;
- nextCpy0 = y + vy * lenNextSeg / lenPrevSeg;
- }
- }
- ctx.bezierCurveTo(cpx0, cpy0, cpx1, cpy1, x, y);
- cpx0 = nextCpx0;
- cpy0 = nextCpy0;
- } else {
- ctx.lineTo(x, y);
- }
- }
- prevX = x;
- prevY = y;
- idx += dir;
- }
- return k;
- }
- var ECPolylineShape = /** @class */function () {
- function ECPolylineShape() {
- this.smooth = 0;
- this.smoothConstraint = true;
- }
- return ECPolylineShape;
- }();
- var ECPolyline = /** @class */function (_super) {
- __extends(ECPolyline, _super);
- function ECPolyline(opts) {
- var _this = _super.call(this, opts) || this;
- _this.type = 'ec-polyline';
- return _this;
- }
- ECPolyline.prototype.getDefaultStyle = function () {
- return {
- stroke: '#000',
- fill: null
- };
- };
- ECPolyline.prototype.getDefaultShape = function () {
- return new ECPolylineShape();
- };
- ECPolyline.prototype.buildPath = function (ctx, shape) {
- var points = shape.points;
- var i = 0;
- var len = points.length / 2;
- // const result = getBoundingBox(points, shape.smoothConstraint);
- if (shape.connectNulls) {
- // Must remove first and last null values avoid draw error in polygon
- for (; len > 0; len--) {
- if (!isPointNull(points[len * 2 - 2], points[len * 2 - 1])) {
- break;
- }
- }
- for (; i < len; i++) {
- if (!isPointNull(points[i * 2], points[i * 2 + 1])) {
- break;
- }
- }
- }
- while (i < len) {
- i += drawSegment(ctx, points, i, len, len, 1, shape.smooth, shape.smoothMonotone, shape.connectNulls) + 1;
- }
- };
- ECPolyline.prototype.getPointOn = function (xOrY, dim) {
- if (!this.path) {
- this.createPathProxy();
- this.buildPath(this.path, this.shape);
- }
- var path = this.path;
- var data = path.data;
- var CMD = PathProxy.CMD;
- var x0;
- var y0;
- var isDimX = dim === 'x';
- var roots = [];
- for (var i = 0; i < data.length;) {
- var cmd = data[i++];
- var x = void 0;
- var y = void 0;
- var x2 = void 0;
- var y2 = void 0;
- var x3 = void 0;
- var y3 = void 0;
- var t = void 0;
- switch (cmd) {
- case CMD.M:
- x0 = data[i++];
- y0 = data[i++];
- break;
- case CMD.L:
- x = data[i++];
- y = data[i++];
- t = isDimX ? (xOrY - x0) / (x - x0) : (xOrY - y0) / (y - y0);
- if (t <= 1 && t >= 0) {
- var val = isDimX ? (y - y0) * t + y0 : (x - x0) * t + x0;
- return isDimX ? [xOrY, val] : [val, xOrY];
- }
- x0 = x;
- y0 = y;
- break;
- case CMD.C:
- x = data[i++];
- y = data[i++];
- x2 = data[i++];
- y2 = data[i++];
- x3 = data[i++];
- y3 = data[i++];
- var nRoot = isDimX ? cubicRootAt(x0, x, x2, x3, xOrY, roots) : cubicRootAt(y0, y, y2, y3, xOrY, roots);
- if (nRoot > 0) {
- for (var i_1 = 0; i_1 < nRoot; i_1++) {
- var t_1 = roots[i_1];
- if (t_1 <= 1 && t_1 >= 0) {
- var val = isDimX ? cubicAt(y0, y, y2, y3, t_1) : cubicAt(x0, x, x2, x3, t_1);
- return isDimX ? [xOrY, val] : [val, xOrY];
- }
- }
- }
- x0 = x3;
- y0 = y3;
- break;
- }
- }
- };
- return ECPolyline;
- }(Path);
- var ECPolygonShape = /** @class */function (_super) {
- __extends(ECPolygonShape, _super);
- function ECPolygonShape() {
- return _super !== null && _super.apply(this, arguments) || this;
- }
- return ECPolygonShape;
- }(ECPolylineShape);
- var ECPolygon = /** @class */function (_super) {
- __extends(ECPolygon, _super);
- function ECPolygon(opts) {
- var _this = _super.call(this, opts) || this;
- _this.type = 'ec-polygon';
- return _this;
- }
- ECPolygon.prototype.getDefaultShape = function () {
- return new ECPolygonShape();
- };
- ECPolygon.prototype.buildPath = function (ctx, shape) {
- var points = shape.points;
- var stackedOnPoints = shape.stackedOnPoints;
- var i = 0;
- var len = points.length / 2;
- var smoothMonotone = shape.smoothMonotone;
- if (shape.connectNulls) {
- // Must remove first and last null values avoid draw error in polygon
- for (; len > 0; len--) {
- if (!isPointNull(points[len * 2 - 2], points[len * 2 - 1])) {
- break;
- }
- }
- for (; i < len; i++) {
- if (!isPointNull(points[i * 2], points[i * 2 + 1])) {
- break;
- }
- }
- }
- while (i < len) {
- var k = drawSegment(ctx, points, i, len, len, 1, shape.smooth, smoothMonotone, shape.connectNulls);
- drawSegment(ctx, stackedOnPoints, i + k - 1, k, len, -1, shape.stackedOnSmooth, smoothMonotone, shape.connectNulls);
- i += k + 1;
- ctx.closePath();
- }
- };
- return ECPolygon;
- }(Path);
-
- function createGridClipPath(cartesian, hasAnimation, seriesModel, done, during) {
- var rect = cartesian.getArea();
- var x = rect.x;
- var y = rect.y;
- var width = rect.width;
- var height = rect.height;
- var lineWidth = seriesModel.get(['lineStyle', 'width']) || 2;
- // Expand the clip path a bit to avoid the border is clipped and looks thinner
- x -= lineWidth / 2;
- y -= lineWidth / 2;
- width += lineWidth;
- height += lineWidth;
- // fix: https://github.com/apache/incubator-echarts/issues/11369
- width = Math.ceil(width);
- if (x !== Math.floor(x)) {
- x = Math.floor(x);
- // if no extra 1px on `width`, it will still be clipped since `x` is floored
- width++;
- }
- var clipPath = new Rect({
- shape: {
- x: x,
- y: y,
- width: width,
- height: height
- }
- });
- if (hasAnimation) {
- var baseAxis = cartesian.getBaseAxis();
- var isHorizontal = baseAxis.isHorizontal();
- var isAxisInversed = baseAxis.inverse;
- if (isHorizontal) {
- if (isAxisInversed) {
- clipPath.shape.x += width;
- }
- clipPath.shape.width = 0;
- } else {
- if (!isAxisInversed) {
- clipPath.shape.y += height;
- }
- clipPath.shape.height = 0;
- }
- var duringCb = isFunction(during) ? function (percent) {
- during(percent, clipPath);
- } : null;
- initProps(clipPath, {
- shape: {
- width: width,
- height: height,
- x: x,
- y: y
- }
- }, seriesModel, null, done, duringCb);
- }
- return clipPath;
- }
- function createPolarClipPath(polar, hasAnimation, seriesModel) {
- var sectorArea = polar.getArea();
- // Avoid float number rounding error for symbol on the edge of axis extent.
- var r0 = round(sectorArea.r0, 1);
- var r = round(sectorArea.r, 1);
- var clipPath = new Sector({
- shape: {
- cx: round(polar.cx, 1),
- cy: round(polar.cy, 1),
- r0: r0,
- r: r,
- startAngle: sectorArea.startAngle,
- endAngle: sectorArea.endAngle,
- clockwise: sectorArea.clockwise
- }
- });
- if (hasAnimation) {
- var isRadial = polar.getBaseAxis().dim === 'angle';
- if (isRadial) {
- clipPath.shape.endAngle = sectorArea.startAngle;
- } else {
- clipPath.shape.r = r0;
- }
- initProps(clipPath, {
- shape: {
- endAngle: sectorArea.endAngle,
- r: r
- }
- }, seriesModel);
- }
- return clipPath;
- }
- function createClipPath(coordSys, hasAnimation, seriesModel, done, during) {
- if (!coordSys) {
- return null;
- } else if (coordSys.type === 'polar') {
- return createPolarClipPath(coordSys, hasAnimation, seriesModel);
- } else if (coordSys.type === 'cartesian2d') {
- return createGridClipPath(coordSys, hasAnimation, seriesModel, done, during);
- }
- return null;
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- function isCoordinateSystemType(coordSys, type) {
- return coordSys.type === type;
- }
-
- function isPointsSame(points1, points2) {
- if (points1.length !== points2.length) {
- return;
- }
- for (var i = 0; i < points1.length; i++) {
- if (points1[i] !== points2[i]) {
- return;
- }
- }
- return true;
- }
- function bboxFromPoints(points) {
- var minX = Infinity;
- var minY = Infinity;
- var maxX = -Infinity;
- var maxY = -Infinity;
- for (var i = 0; i < points.length;) {
- var x = points[i++];
- var y = points[i++];
- if (!isNaN(x)) {
- minX = Math.min(x, minX);
- maxX = Math.max(x, maxX);
- }
- if (!isNaN(y)) {
- minY = Math.min(y, minY);
- maxY = Math.max(y, maxY);
- }
- }
- return [[minX, minY], [maxX, maxY]];
- }
- function getBoundingDiff(points1, points2) {
- var _a = bboxFromPoints(points1),
- min1 = _a[0],
- max1 = _a[1];
- var _b = bboxFromPoints(points2),
- min2 = _b[0],
- max2 = _b[1];
- // Get a max value from each corner of two boundings.
- return Math.max(Math.abs(min1[0] - min2[0]), Math.abs(min1[1] - min2[1]), Math.abs(max1[0] - max2[0]), Math.abs(max1[1] - max2[1]));
- }
- function getSmooth(smooth) {
- return isNumber(smooth) ? smooth : smooth ? 0.5 : 0;
- }
- function getStackedOnPoints(coordSys, data, dataCoordInfo) {
- if (!dataCoordInfo.valueDim) {
- return [];
- }
- var len = data.count();
- var points = createFloat32Array(len * 2);
- for (var idx = 0; idx < len; idx++) {
- var pt = getStackedOnPoint(dataCoordInfo, coordSys, data, idx);
- points[idx * 2] = pt[0];
- points[idx * 2 + 1] = pt[1];
- }
- return points;
- }
- function turnPointsIntoStep(points, coordSys, stepTurnAt, connectNulls) {
- var baseAxis = coordSys.getBaseAxis();
- var baseIndex = baseAxis.dim === 'x' || baseAxis.dim === 'radius' ? 0 : 1;
- var stepPoints = [];
- var i = 0;
- var stepPt = [];
- var pt = [];
- var nextPt = [];
- var filteredPoints = [];
- if (connectNulls) {
- for (i = 0; i < points.length; i += 2) {
- if (!isNaN(points[i]) && !isNaN(points[i + 1])) {
- filteredPoints.push(points[i], points[i + 1]);
- }
- }
- points = filteredPoints;
- }
- for (i = 0; i < points.length - 2; i += 2) {
- nextPt[0] = points[i + 2];
- nextPt[1] = points[i + 3];
- pt[0] = points[i];
- pt[1] = points[i + 1];
- stepPoints.push(pt[0], pt[1]);
- switch (stepTurnAt) {
- case 'end':
- stepPt[baseIndex] = nextPt[baseIndex];
- stepPt[1 - baseIndex] = pt[1 - baseIndex];
- stepPoints.push(stepPt[0], stepPt[1]);
- break;
- case 'middle':
- var middle = (pt[baseIndex] + nextPt[baseIndex]) / 2;
- var stepPt2 = [];
- stepPt[baseIndex] = stepPt2[baseIndex] = middle;
- stepPt[1 - baseIndex] = pt[1 - baseIndex];
- stepPt2[1 - baseIndex] = nextPt[1 - baseIndex];
- stepPoints.push(stepPt[0], stepPt[1]);
- stepPoints.push(stepPt2[0], stepPt2[1]);
- break;
- default:
- // default is start
- stepPt[baseIndex] = pt[baseIndex];
- stepPt[1 - baseIndex] = nextPt[1 - baseIndex];
- stepPoints.push(stepPt[0], stepPt[1]);
- }
- }
- // Last points
- stepPoints.push(points[i++], points[i++]);
- return stepPoints;
- }
- /**
- * Clip color stops to edge. Avoid creating too large gradients.
- * Which may lead to blurry when GPU acceleration is enabled. See #15680
- *
- * The stops has been sorted from small to large.
- */
- function clipColorStops(colorStops, maxSize) {
- var newColorStops = [];
- var len = colorStops.length;
- // coord will always < 0 in prevOutOfRangeColorStop.
- var prevOutOfRangeColorStop;
- var prevInRangeColorStop;
- function lerpStop(stop0, stop1, clippedCoord) {
- var coord0 = stop0.coord;
- var p = (clippedCoord - coord0) / (stop1.coord - coord0);
- var color = lerp$1(p, [stop0.color, stop1.color]);
- return {
- coord: clippedCoord,
- color: color
- };
- }
- for (var i = 0; i < len; i++) {
- var stop_1 = colorStops[i];
- var coord = stop_1.coord;
- if (coord < 0) {
- prevOutOfRangeColorStop = stop_1;
- } else if (coord > maxSize) {
- if (prevInRangeColorStop) {
- newColorStops.push(lerpStop(prevInRangeColorStop, stop_1, maxSize));
- } else if (prevOutOfRangeColorStop) {
- // If there are two stops and coord range is between these two stops
- newColorStops.push(lerpStop(prevOutOfRangeColorStop, stop_1, 0), lerpStop(prevOutOfRangeColorStop, stop_1, maxSize));
- }
- // All following stop will be out of range. So just ignore them.
- break;
- } else {
- if (prevOutOfRangeColorStop) {
- newColorStops.push(lerpStop(prevOutOfRangeColorStop, stop_1, 0));
- // Reset
- prevOutOfRangeColorStop = null;
- }
- newColorStops.push(stop_1);
- prevInRangeColorStop = stop_1;
- }
- }
- return newColorStops;
- }
- function getVisualGradient(data, coordSys, api) {
- var visualMetaList = data.getVisual('visualMeta');
- if (!visualMetaList || !visualMetaList.length || !data.count()) {
- // When data.count() is 0, gradient range can not be calculated.
- return;
- }
- if (coordSys.type !== 'cartesian2d') {
- if ("development" !== 'production') {
- console.warn('Visual map on line style is only supported on cartesian2d.');
- }
- return;
- }
- var coordDim;
- var visualMeta;
- for (var i = visualMetaList.length - 1; i >= 0; i--) {
- var dimInfo = data.getDimensionInfo(visualMetaList[i].dimension);
- coordDim = dimInfo && dimInfo.coordDim;
- // Can only be x or y
- if (coordDim === 'x' || coordDim === 'y') {
- visualMeta = visualMetaList[i];
- break;
- }
- }
- if (!visualMeta) {
- if ("development" !== 'production') {
- console.warn('Visual map on line style only support x or y dimension.');
- }
- return;
- }
- // If the area to be rendered is bigger than area defined by LinearGradient,
- // the canvas spec prescribes that the color of the first stop and the last
- // stop should be used. But if two stops are added at offset 0, in effect
- // browsers use the color of the second stop to render area outside
- // LinearGradient. So we can only infinitesimally extend area defined in
- // LinearGradient to render `outerColors`.
- var axis = coordSys.getAxis(coordDim);
- // dataToCoord mapping may not be linear, but must be monotonic.
- var colorStops = map(visualMeta.stops, function (stop) {
- // offset will be calculated later.
- return {
- coord: axis.toGlobalCoord(axis.dataToCoord(stop.value)),
- color: stop.color
- };
- });
- var stopLen = colorStops.length;
- var outerColors = visualMeta.outerColors.slice();
- if (stopLen && colorStops[0].coord > colorStops[stopLen - 1].coord) {
- colorStops.reverse();
- outerColors.reverse();
- }
- var colorStopsInRange = clipColorStops(colorStops, coordDim === 'x' ? api.getWidth() : api.getHeight());
- var inRangeStopLen = colorStopsInRange.length;
- if (!inRangeStopLen && stopLen) {
- // All stops are out of range. All will be the same color.
- return colorStops[0].coord < 0 ? outerColors[1] ? outerColors[1] : colorStops[stopLen - 1].color : outerColors[0] ? outerColors[0] : colorStops[0].color;
- }
- var tinyExtent = 10; // Arbitrary value: 10px
- var minCoord = colorStopsInRange[0].coord - tinyExtent;
- var maxCoord = colorStopsInRange[inRangeStopLen - 1].coord + tinyExtent;
- var coordSpan = maxCoord - minCoord;
- if (coordSpan < 1e-3) {
- return 'transparent';
- }
- each(colorStopsInRange, function (stop) {
- stop.offset = (stop.coord - minCoord) / coordSpan;
- });
- colorStopsInRange.push({
- // NOTE: inRangeStopLen may still be 0 if stoplen is zero.
- offset: inRangeStopLen ? colorStopsInRange[inRangeStopLen - 1].offset : 0.5,
- color: outerColors[1] || 'transparent'
- });
- colorStopsInRange.unshift({
- offset: inRangeStopLen ? colorStopsInRange[0].offset : 0.5,
- color: outerColors[0] || 'transparent'
- });
- var gradient = new LinearGradient(0, 0, 0, 0, colorStopsInRange, true);
- gradient[coordDim] = minCoord;
- gradient[coordDim + '2'] = maxCoord;
- return gradient;
- }
- function getIsIgnoreFunc(seriesModel, data, coordSys) {
- var showAllSymbol = seriesModel.get('showAllSymbol');
- var isAuto = showAllSymbol === 'auto';
- if (showAllSymbol && !isAuto) {
- return;
- }
- var categoryAxis = coordSys.getAxesByScale('ordinal')[0];
- if (!categoryAxis) {
- return;
- }
- // Note that category label interval strategy might bring some weird effect
- // in some scenario: users may wonder why some of the symbols are not
- // displayed. So we show all symbols as possible as we can.
- if (isAuto
- // Simplify the logic, do not determine label overlap here.
- && canShowAllSymbolForCategory(categoryAxis, data)) {
- return;
- }
- // Otherwise follow the label interval strategy on category axis.
- var categoryDataDim = data.mapDimension(categoryAxis.dim);
- var labelMap = {};
- each(categoryAxis.getViewLabels(), function (labelItem) {
- var ordinalNumber = categoryAxis.scale.getRawOrdinalNumber(labelItem.tickValue);
- labelMap[ordinalNumber] = 1;
- });
- return function (dataIndex) {
- return !labelMap.hasOwnProperty(data.get(categoryDataDim, dataIndex));
- };
- }
- function canShowAllSymbolForCategory(categoryAxis, data) {
- // In most cases, line is monotonous on category axis, and the label size
- // is close with each other. So we check the symbol size and some of the
- // label size alone with the category axis to estimate whether all symbol
- // can be shown without overlap.
- var axisExtent = categoryAxis.getExtent();
- var availSize = Math.abs(axisExtent[1] - axisExtent[0]) / categoryAxis.scale.count();
- isNaN(availSize) && (availSize = 0); // 0/0 is NaN.
- // Sampling some points, max 5.
- var dataLen = data.count();
- var step = Math.max(1, Math.round(dataLen / 5));
- for (var dataIndex = 0; dataIndex < dataLen; dataIndex += step) {
- if (Symbol.getSymbolSize(data, dataIndex
- // Only for cartesian, where `isHorizontal` exists.
- )[categoryAxis.isHorizontal() ? 1 : 0]
- // Empirical number
- * 1.5 > availSize) {
- return false;
- }
- }
- return true;
- }
- function isPointNull$1(x, y) {
- return isNaN(x) || isNaN(y);
- }
- function getLastIndexNotNull(points) {
- var len = points.length / 2;
- for (; len > 0; len--) {
- if (!isPointNull$1(points[len * 2 - 2], points[len * 2 - 1])) {
- break;
- }
- }
- return len - 1;
- }
- function getPointAtIndex(points, idx) {
- return [points[idx * 2], points[idx * 2 + 1]];
- }
- function getIndexRange(points, xOrY, dim) {
- var len = points.length / 2;
- var dimIdx = dim === 'x' ? 0 : 1;
- var a;
- var b;
- var prevIndex = 0;
- var nextIndex = -1;
- for (var i = 0; i < len; i++) {
- b = points[i * 2 + dimIdx];
- if (isNaN(b) || isNaN(points[i * 2 + 1 - dimIdx])) {
- continue;
- }
- if (i === 0) {
- a = b;
- continue;
- }
- if (a <= xOrY && b >= xOrY || a >= xOrY && b <= xOrY) {
- nextIndex = i;
- break;
- }
- prevIndex = i;
- a = b;
- }
- return {
- range: [prevIndex, nextIndex],
- t: (xOrY - a) / (b - a)
- };
- }
- function anyStateShowEndLabel(seriesModel) {
- if (seriesModel.get(['endLabel', 'show'])) {
- return true;
- }
- for (var i = 0; i < SPECIAL_STATES.length; i++) {
- if (seriesModel.get([SPECIAL_STATES[i], 'endLabel', 'show'])) {
- return true;
- }
- }
- return false;
- }
- function createLineClipPath(lineView, coordSys, hasAnimation, seriesModel) {
- if (isCoordinateSystemType(coordSys, 'cartesian2d')) {
- var endLabelModel_1 = seriesModel.getModel('endLabel');
- var valueAnimation_1 = endLabelModel_1.get('valueAnimation');
- var data_1 = seriesModel.getData();
- var labelAnimationRecord_1 = {
- lastFrameIndex: 0
- };
- var during = anyStateShowEndLabel(seriesModel) ? function (percent, clipRect) {
- lineView._endLabelOnDuring(percent, clipRect, data_1, labelAnimationRecord_1, valueAnimation_1, endLabelModel_1, coordSys);
- } : null;
- var isHorizontal = coordSys.getBaseAxis().isHorizontal();
- var clipPath = createGridClipPath(coordSys, hasAnimation, seriesModel, function () {
- var endLabel = lineView._endLabel;
- if (endLabel && hasAnimation) {
- if (labelAnimationRecord_1.originalX != null) {
- endLabel.attr({
- x: labelAnimationRecord_1.originalX,
- y: labelAnimationRecord_1.originalY
- });
- }
- }
- }, during);
- // Expand clip shape to avoid clipping when line value exceeds axis
- if (!seriesModel.get('clip', true)) {
- var rectShape = clipPath.shape;
- var expandSize = Math.max(rectShape.width, rectShape.height);
- if (isHorizontal) {
- rectShape.y -= expandSize;
- rectShape.height += expandSize * 2;
- } else {
- rectShape.x -= expandSize;
- rectShape.width += expandSize * 2;
- }
- }
- // Set to the final frame. To make sure label layout is right.
- if (during) {
- during(1, clipPath);
- }
- return clipPath;
- } else {
- if ("development" !== 'production') {
- if (seriesModel.get(['endLabel', 'show'])) {
- console.warn('endLabel is not supported for lines in polar systems.');
- }
- }
- return createPolarClipPath(coordSys, hasAnimation, seriesModel);
- }
- }
- function getEndLabelStateSpecified(endLabelModel, coordSys) {
- var baseAxis = coordSys.getBaseAxis();
- var isHorizontal = baseAxis.isHorizontal();
- var isBaseInversed = baseAxis.inverse;
- var align = isHorizontal ? isBaseInversed ? 'right' : 'left' : 'center';
- var verticalAlign = isHorizontal ? 'middle' : isBaseInversed ? 'top' : 'bottom';
- return {
- normal: {
- align: endLabelModel.get('align') || align,
- verticalAlign: endLabelModel.get('verticalAlign') || verticalAlign
- }
- };
- }
- var LineView = /** @class */function (_super) {
- __extends(LineView, _super);
- function LineView() {
- return _super !== null && _super.apply(this, arguments) || this;
- }
- LineView.prototype.init = function () {
- var lineGroup = new Group();
- var symbolDraw = new SymbolDraw();
- this.group.add(symbolDraw.group);
- this._symbolDraw = symbolDraw;
- this._lineGroup = lineGroup;
- };
- LineView.prototype.render = function (seriesModel, ecModel, api) {
- var _this = this;
- var coordSys = seriesModel.coordinateSystem;
- var group = this.group;
- var data = seriesModel.getData();
- var lineStyleModel = seriesModel.getModel('lineStyle');
- var areaStyleModel = seriesModel.getModel('areaStyle');
- var points = data.getLayout('points') || [];
- var isCoordSysPolar = coordSys.type === 'polar';
- var prevCoordSys = this._coordSys;
- var symbolDraw = this._symbolDraw;
- var polyline = this._polyline;
- var polygon = this._polygon;
- var lineGroup = this._lineGroup;
- var hasAnimation = !ecModel.ssr && seriesModel.get('animation');
- var isAreaChart = !areaStyleModel.isEmpty();
- var valueOrigin = areaStyleModel.get('origin');
- var dataCoordInfo = prepareDataCoordInfo(coordSys, data, valueOrigin);
- var stackedOnPoints = isAreaChart && getStackedOnPoints(coordSys, data, dataCoordInfo);
- var showSymbol = seriesModel.get('showSymbol');
- var connectNulls = seriesModel.get('connectNulls');
- var isIgnoreFunc = showSymbol && !isCoordSysPolar && getIsIgnoreFunc(seriesModel, data, coordSys);
- // Remove temporary symbols
- var oldData = this._data;
- oldData && oldData.eachItemGraphicEl(function (el, idx) {
- if (el.__temp) {
- group.remove(el);
- oldData.setItemGraphicEl(idx, null);
- }
- });
- // Remove previous created symbols if showSymbol changed to false
- if (!showSymbol) {
- symbolDraw.remove();
- }
- group.add(lineGroup);
- // FIXME step not support polar
- var step = !isCoordSysPolar ? seriesModel.get('step') : false;
- var clipShapeForSymbol;
- if (coordSys && coordSys.getArea && seriesModel.get('clip', true)) {
- clipShapeForSymbol = coordSys.getArea();
- // Avoid float number rounding error for symbol on the edge of axis extent.
- // See #7913 and `test/dataZoom-clip.html`.
- if (clipShapeForSymbol.width != null) {
- clipShapeForSymbol.x -= 0.1;
- clipShapeForSymbol.y -= 0.1;
- clipShapeForSymbol.width += 0.2;
- clipShapeForSymbol.height += 0.2;
- } else if (clipShapeForSymbol.r0) {
- clipShapeForSymbol.r0 -= 0.5;
- clipShapeForSymbol.r += 0.5;
- }
- }
- this._clipShapeForSymbol = clipShapeForSymbol;
- var visualColor = getVisualGradient(data, coordSys, api) || data.getVisual('style')[data.getVisual('drawType')];
- // Initialization animation or coordinate system changed
- if (!(polyline && prevCoordSys.type === coordSys.type && step === this._step)) {
- showSymbol && symbolDraw.updateData(data, {
- isIgnore: isIgnoreFunc,
- clipShape: clipShapeForSymbol,
- disableAnimation: true,
- getSymbolPoint: function (idx) {
- return [points[idx * 2], points[idx * 2 + 1]];
- }
- });
- hasAnimation && this._initSymbolLabelAnimation(data, coordSys, clipShapeForSymbol);
- if (step) {
- // TODO If stacked series is not step
- points = turnPointsIntoStep(points, coordSys, step, connectNulls);
- if (stackedOnPoints) {
- stackedOnPoints = turnPointsIntoStep(stackedOnPoints, coordSys, step, connectNulls);
- }
- }
- polyline = this._newPolyline(points);
- if (isAreaChart) {
- polygon = this._newPolygon(points, stackedOnPoints);
- } // If areaStyle is removed
- else if (polygon) {
- lineGroup.remove(polygon);
- polygon = this._polygon = null;
- }
- // NOTE: Must update _endLabel before setClipPath.
- if (!isCoordSysPolar) {
- this._initOrUpdateEndLabel(seriesModel, coordSys, convertToColorString(visualColor));
- }
- lineGroup.setClipPath(createLineClipPath(this, coordSys, true, seriesModel));
- } else {
- if (isAreaChart && !polygon) {
- // If areaStyle is added
- polygon = this._newPolygon(points, stackedOnPoints);
- } else if (polygon && !isAreaChart) {
- // If areaStyle is removed
- lineGroup.remove(polygon);
- polygon = this._polygon = null;
- }
- // NOTE: Must update _endLabel before setClipPath.
- if (!isCoordSysPolar) {
- this._initOrUpdateEndLabel(seriesModel, coordSys, convertToColorString(visualColor));
- }
- // Update clipPath
- var oldClipPath = lineGroup.getClipPath();
- if (oldClipPath) {
- var newClipPath = createLineClipPath(this, coordSys, false, seriesModel);
- initProps(oldClipPath, {
- shape: newClipPath.shape
- }, seriesModel);
- } else {
- lineGroup.setClipPath(createLineClipPath(this, coordSys, true, seriesModel));
- }
- // Always update, or it is wrong in the case turning on legend
- // because points are not changed.
- showSymbol && symbolDraw.updateData(data, {
- isIgnore: isIgnoreFunc,
- clipShape: clipShapeForSymbol,
- disableAnimation: true,
- getSymbolPoint: function (idx) {
- return [points[idx * 2], points[idx * 2 + 1]];
- }
- });
- // In the case data zoom triggered refreshing frequently
- // Data may not change if line has a category axis. So it should animate nothing.
- if (!isPointsSame(this._stackedOnPoints, stackedOnPoints) || !isPointsSame(this._points, points)) {
- if (hasAnimation) {
- this._doUpdateAnimation(data, stackedOnPoints, coordSys, api, step, valueOrigin, connectNulls);
- } else {
- // Not do it in update with animation
- if (step) {
- // TODO If stacked series is not step
- points = turnPointsIntoStep(points, coordSys, step, connectNulls);
- if (stackedOnPoints) {
- stackedOnPoints = turnPointsIntoStep(stackedOnPoints, coordSys, step, connectNulls);
- }
- }
- polyline.setShape({
- points: points
- });
- polygon && polygon.setShape({
- points: points,
- stackedOnPoints: stackedOnPoints
- });
- }
- }
- }
- var emphasisModel = seriesModel.getModel('emphasis');
- var focus = emphasisModel.get('focus');
- var blurScope = emphasisModel.get('blurScope');
- var emphasisDisabled = emphasisModel.get('disabled');
- polyline.useStyle(defaults(
- // Use color in lineStyle first
- lineStyleModel.getLineStyle(), {
- fill: 'none',
- stroke: visualColor,
- lineJoin: 'bevel'
- }));
- setStatesStylesFromModel(polyline, seriesModel, 'lineStyle');
- if (polyline.style.lineWidth > 0 && seriesModel.get(['emphasis', 'lineStyle', 'width']) === 'bolder') {
- var emphasisLineStyle = polyline.getState('emphasis').style;
- emphasisLineStyle.lineWidth = +polyline.style.lineWidth + 1;
- }
- // Needs seriesIndex for focus
- getECData(polyline).seriesIndex = seriesModel.seriesIndex;
- toggleHoverEmphasis(polyline, focus, blurScope, emphasisDisabled);
- var smooth = getSmooth(seriesModel.get('smooth'));
- var smoothMonotone = seriesModel.get('smoothMonotone');
- polyline.setShape({
- smooth: smooth,
- smoothMonotone: smoothMonotone,
- connectNulls: connectNulls
- });
- if (polygon) {
- var stackedOnSeries = data.getCalculationInfo('stackedOnSeries');
- var stackedOnSmooth = 0;
- polygon.useStyle(defaults(areaStyleModel.getAreaStyle(), {
- fill: visualColor,
- opacity: 0.7,
- lineJoin: 'bevel',
- decal: data.getVisual('style').decal
- }));
- if (stackedOnSeries) {
- stackedOnSmooth = getSmooth(stackedOnSeries.get('smooth'));
- }
- polygon.setShape({
- smooth: smooth,
- stackedOnSmooth: stackedOnSmooth,
- smoothMonotone: smoothMonotone,
- connectNulls: connectNulls
- });
- setStatesStylesFromModel(polygon, seriesModel, 'areaStyle');
- // Needs seriesIndex for focus
- getECData(polygon).seriesIndex = seriesModel.seriesIndex;
- toggleHoverEmphasis(polygon, focus, blurScope, emphasisDisabled);
- }
- var changePolyState = function (toState) {
- _this._changePolyState(toState);
- };
- data.eachItemGraphicEl(function (el) {
- // Switch polyline / polygon state if element changed its state.
- el && (el.onHoverStateChange = changePolyState);
- });
- this._polyline.onHoverStateChange = changePolyState;
- this._data = data;
- // Save the coordinate system for transition animation when data changed
- this._coordSys = coordSys;
- this._stackedOnPoints = stackedOnPoints;
- this._points = points;
- this._step = step;
- this._valueOrigin = valueOrigin;
- if (seriesModel.get('triggerLineEvent')) {
- this.packEventData(seriesModel, polyline);
- polygon && this.packEventData(seriesModel, polygon);
- }
- };
- LineView.prototype.packEventData = function (seriesModel, el) {
- getECData(el).eventData = {
- componentType: 'series',
- componentSubType: 'line',
- componentIndex: seriesModel.componentIndex,
- seriesIndex: seriesModel.seriesIndex,
- seriesName: seriesModel.name,
- seriesType: 'line'
- };
- };
- LineView.prototype.highlight = function (seriesModel, ecModel, api, payload) {
- var data = seriesModel.getData();
- var dataIndex = queryDataIndex(data, payload);
- this._changePolyState('emphasis');
- if (!(dataIndex instanceof Array) && dataIndex != null && dataIndex >= 0) {
- var points = data.getLayout('points');
- var symbol = data.getItemGraphicEl(dataIndex);
- if (!symbol) {
- // Create a temporary symbol if it is not exists
- var x = points[dataIndex * 2];
- var y = points[dataIndex * 2 + 1];
- if (isNaN(x) || isNaN(y)) {
- // Null data
- return;
- }
- // fix #11360: shouldn't draw symbol outside clipShapeForSymbol
- if (this._clipShapeForSymbol && !this._clipShapeForSymbol.contain(x, y)) {
- return;
- }
- var zlevel = seriesModel.get('zlevel') || 0;
- var z = seriesModel.get('z') || 0;
- symbol = new Symbol(data, dataIndex);
- symbol.x = x;
- symbol.y = y;
- symbol.setZ(zlevel, z);
- // ensure label text of the temporary symbol is in front of line and area polygon
- var symbolLabel = symbol.getSymbolPath().getTextContent();
- if (symbolLabel) {
- symbolLabel.zlevel = zlevel;
- symbolLabel.z = z;
- symbolLabel.z2 = this._polyline.z2 + 1;
- }
- symbol.__temp = true;
- data.setItemGraphicEl(dataIndex, symbol);
- // Stop scale animation
- symbol.stopSymbolAnimation(true);
- this.group.add(symbol);
- }
- symbol.highlight();
- } else {
- // Highlight whole series
- ChartView.prototype.highlight.call(this, seriesModel, ecModel, api, payload);
- }
- };
- LineView.prototype.downplay = function (seriesModel, ecModel, api, payload) {
- var data = seriesModel.getData();
- var dataIndex = queryDataIndex(data, payload);
- this._changePolyState('normal');
- if (dataIndex != null && dataIndex >= 0) {
- var symbol = data.getItemGraphicEl(dataIndex);
- if (symbol) {
- if (symbol.__temp) {
- data.setItemGraphicEl(dataIndex, null);
- this.group.remove(symbol);
- } else {
- symbol.downplay();
- }
- }
- } else {
- // FIXME
- // can not downplay completely.
- // Downplay whole series
- ChartView.prototype.downplay.call(this, seriesModel, ecModel, api, payload);
- }
- };
- LineView.prototype._changePolyState = function (toState) {
- var polygon = this._polygon;
- setStatesFlag(this._polyline, toState);
- polygon && setStatesFlag(polygon, toState);
- };
- LineView.prototype._newPolyline = function (points) {
- var polyline = this._polyline;
- // Remove previous created polyline
- if (polyline) {
- this._lineGroup.remove(polyline);
- }
- polyline = new ECPolyline({
- shape: {
- points: points
- },
- segmentIgnoreThreshold: 2,
- z2: 10
- });
- this._lineGroup.add(polyline);
- this._polyline = polyline;
- return polyline;
- };
- LineView.prototype._newPolygon = function (points, stackedOnPoints) {
- var polygon = this._polygon;
- // Remove previous created polygon
- if (polygon) {
- this._lineGroup.remove(polygon);
- }
- polygon = new ECPolygon({
- shape: {
- points: points,
- stackedOnPoints: stackedOnPoints
- },
- segmentIgnoreThreshold: 2
- });
- this._lineGroup.add(polygon);
- this._polygon = polygon;
- return polygon;
- };
- LineView.prototype._initSymbolLabelAnimation = function (data, coordSys, clipShape) {
- var isHorizontalOrRadial;
- var isCoordSysPolar;
- var baseAxis = coordSys.getBaseAxis();
- var isAxisInverse = baseAxis.inverse;
- if (coordSys.type === 'cartesian2d') {
- isHorizontalOrRadial = baseAxis.isHorizontal();
- isCoordSysPolar = false;
- } else if (coordSys.type === 'polar') {
- isHorizontalOrRadial = baseAxis.dim === 'angle';
- isCoordSysPolar = true;
- }
- var seriesModel = data.hostModel;
- var seriesDuration = seriesModel.get('animationDuration');
- if (isFunction(seriesDuration)) {
- seriesDuration = seriesDuration(null);
- }
- var seriesDelay = seriesModel.get('animationDelay') || 0;
- var seriesDelayValue = isFunction(seriesDelay) ? seriesDelay(null) : seriesDelay;
- data.eachItemGraphicEl(function (symbol, idx) {
- var el = symbol;
- if (el) {
- var point = [symbol.x, symbol.y];
- var start = void 0;
- var end = void 0;
- var current = void 0;
- if (clipShape) {
- if (isCoordSysPolar) {
- var polarClip = clipShape;
- var coord = coordSys.pointToCoord(point);
- if (isHorizontalOrRadial) {
- start = polarClip.startAngle;
- end = polarClip.endAngle;
- current = -coord[1] / 180 * Math.PI;
- } else {
- start = polarClip.r0;
- end = polarClip.r;
- current = coord[0];
- }
- } else {
- var gridClip = clipShape;
- if (isHorizontalOrRadial) {
- start = gridClip.x;
- end = gridClip.x + gridClip.width;
- current = symbol.x;
- } else {
- start = gridClip.y + gridClip.height;
- end = gridClip.y;
- current = symbol.y;
- }
- }
- }
- var ratio = end === start ? 0 : (current - start) / (end - start);
- if (isAxisInverse) {
- ratio = 1 - ratio;
- }
- var delay = isFunction(seriesDelay) ? seriesDelay(idx) : seriesDuration * ratio + seriesDelayValue;
- var symbolPath = el.getSymbolPath();
- var text = symbolPath.getTextContent();
- el.attr({
- scaleX: 0,
- scaleY: 0
- });
- el.animateTo({
- scaleX: 1,
- scaleY: 1
- }, {
- duration: 200,
- setToFinal: true,
- delay: delay
- });
- if (text) {
- text.animateFrom({
- style: {
- opacity: 0
- }
- }, {
- duration: 300,
- delay: delay
- });
- }
- symbolPath.disableLabelAnimation = true;
- }
- });
- };
- LineView.prototype._initOrUpdateEndLabel = function (seriesModel, coordSys, inheritColor) {
- var endLabelModel = seriesModel.getModel('endLabel');
- if (anyStateShowEndLabel(seriesModel)) {
- var data_2 = seriesModel.getData();
- var polyline = this._polyline;
- // series may be filtered.
- var points = data_2.getLayout('points');
- if (!points) {
- polyline.removeTextContent();
- this._endLabel = null;
- return;
- }
- var endLabel = this._endLabel;
- if (!endLabel) {
- endLabel = this._endLabel = new ZRText({
- z2: 200 // should be higher than item symbol
- });
-
- endLabel.ignoreClip = true;
- polyline.setTextContent(this._endLabel);
- polyline.disableLabelAnimation = true;
- }
- // Find last non-NaN data to display data
- var dataIndex = getLastIndexNotNull(points);
- if (dataIndex >= 0) {
- setLabelStyle(polyline, getLabelStatesModels(seriesModel, 'endLabel'), {
- inheritColor: inheritColor,
- labelFetcher: seriesModel,
- labelDataIndex: dataIndex,
- defaultText: function (dataIndex, opt, interpolatedValue) {
- return interpolatedValue != null ? getDefaultInterpolatedLabel(data_2, interpolatedValue) : getDefaultLabel(data_2, dataIndex);
- },
- enableTextSetter: true
- }, getEndLabelStateSpecified(endLabelModel, coordSys));
- polyline.textConfig.position = null;
- }
- } else if (this._endLabel) {
- this._polyline.removeTextContent();
- this._endLabel = null;
- }
- };
- LineView.prototype._endLabelOnDuring = function (percent, clipRect, data, animationRecord, valueAnimation, endLabelModel, coordSys) {
- var endLabel = this._endLabel;
- var polyline = this._polyline;
- if (endLabel) {
- // NOTE: Don't remove percent < 1. percent === 1 means the first frame during render.
- // The label is not prepared at this time.
- if (percent < 1 && animationRecord.originalX == null) {
- animationRecord.originalX = endLabel.x;
- animationRecord.originalY = endLabel.y;
- }
- var points = data.getLayout('points');
- var seriesModel = data.hostModel;
- var connectNulls = seriesModel.get('connectNulls');
- var precision = endLabelModel.get('precision');
- var distance = endLabelModel.get('distance') || 0;
- var baseAxis = coordSys.getBaseAxis();
- var isHorizontal = baseAxis.isHorizontal();
- var isBaseInversed = baseAxis.inverse;
- var clipShape = clipRect.shape;
- var xOrY = isBaseInversed ? isHorizontal ? clipShape.x : clipShape.y + clipShape.height : isHorizontal ? clipShape.x + clipShape.width : clipShape.y;
- var distanceX = (isHorizontal ? distance : 0) * (isBaseInversed ? -1 : 1);
- var distanceY = (isHorizontal ? 0 : -distance) * (isBaseInversed ? -1 : 1);
- var dim = isHorizontal ? 'x' : 'y';
- var dataIndexRange = getIndexRange(points, xOrY, dim);
- var indices = dataIndexRange.range;
- var diff = indices[1] - indices[0];
- var value = void 0;
- if (diff >= 1) {
- // diff > 1 && connectNulls, which is on the null data.
- if (diff > 1 && !connectNulls) {
- var pt = getPointAtIndex(points, indices[0]);
- endLabel.attr({
- x: pt[0] + distanceX,
- y: pt[1] + distanceY
- });
- valueAnimation && (value = seriesModel.getRawValue(indices[0]));
- } else {
- var pt = polyline.getPointOn(xOrY, dim);
- pt && endLabel.attr({
- x: pt[0] + distanceX,
- y: pt[1] + distanceY
- });
- var startValue = seriesModel.getRawValue(indices[0]);
- var endValue = seriesModel.getRawValue(indices[1]);
- valueAnimation && (value = interpolateRawValues(data, precision, startValue, endValue, dataIndexRange.t));
- }
- animationRecord.lastFrameIndex = indices[0];
- } else {
- // If diff <= 0, which is the range is not found(Include NaN)
- // Choose the first point or last point.
- var idx = percent === 1 || animationRecord.lastFrameIndex > 0 ? indices[0] : 0;
- var pt = getPointAtIndex(points, idx);
- valueAnimation && (value = seriesModel.getRawValue(idx));
- endLabel.attr({
- x: pt[0] + distanceX,
- y: pt[1] + distanceY
- });
- }
- if (valueAnimation) {
- var inner = labelInner(endLabel);
- if (typeof inner.setLabelText === 'function') {
- inner.setLabelText(value);
- }
- }
- }
- };
- /**
- * @private
- */
- // FIXME Two value axis
- LineView.prototype._doUpdateAnimation = function (data, stackedOnPoints, coordSys, api, step, valueOrigin, connectNulls) {
- var polyline = this._polyline;
- var polygon = this._polygon;
- var seriesModel = data.hostModel;
- var diff = lineAnimationDiff(this._data, data, this._stackedOnPoints, stackedOnPoints, this._coordSys, coordSys, this._valueOrigin);
- var current = diff.current;
- var stackedOnCurrent = diff.stackedOnCurrent;
- var next = diff.next;
- var stackedOnNext = diff.stackedOnNext;
- if (step) {
- // TODO If stacked series is not step
- current = turnPointsIntoStep(diff.current, coordSys, step, connectNulls);
- stackedOnCurrent = turnPointsIntoStep(diff.stackedOnCurrent, coordSys, step, connectNulls);
- next = turnPointsIntoStep(diff.next, coordSys, step, connectNulls);
- stackedOnNext = turnPointsIntoStep(diff.stackedOnNext, coordSys, step, connectNulls);
- }
- // Don't apply animation if diff is large.
- // For better result and avoid memory explosion problems like
- // https://github.com/apache/incubator-echarts/issues/12229
- if (getBoundingDiff(current, next) > 3000 || polygon && getBoundingDiff(stackedOnCurrent, stackedOnNext) > 3000) {
- polyline.stopAnimation();
- polyline.setShape({
- points: next
- });
- if (polygon) {
- polygon.stopAnimation();
- polygon.setShape({
- points: next,
- stackedOnPoints: stackedOnNext
- });
- }
- return;
- }
- polyline.shape.__points = diff.current;
- polyline.shape.points = current;
- var target = {
- shape: {
- points: next
- }
- };
- // Also animate the original points.
- // If points reference is changed when turning into step line.
- if (diff.current !== current) {
- target.shape.__points = diff.next;
- }
- // Stop previous animation.
- polyline.stopAnimation();
- updateProps(polyline, target, seriesModel);
- if (polygon) {
- polygon.setShape({
- // Reuse the points with polyline.
- points: current,
- stackedOnPoints: stackedOnCurrent
- });
- polygon.stopAnimation();
- updateProps(polygon, {
- shape: {
- stackedOnPoints: stackedOnNext
- }
- }, seriesModel);
- // If use attr directly in updateProps.
- if (polyline.shape.points !== polygon.shape.points) {
- polygon.shape.points = polyline.shape.points;
- }
- }
- var updatedDataInfo = [];
- var diffStatus = diff.status;
- for (var i = 0; i < diffStatus.length; i++) {
- var cmd = diffStatus[i].cmd;
- if (cmd === '=') {
- var el = data.getItemGraphicEl(diffStatus[i].idx1);
- if (el) {
- updatedDataInfo.push({
- el: el,
- ptIdx: i // Index of points
- });
- }
- }
- }
-
- if (polyline.animators && polyline.animators.length) {
- polyline.animators[0].during(function () {
- polygon && polygon.dirtyShape();
- var points = polyline.shape.__points;
- for (var i = 0; i < updatedDataInfo.length; i++) {
- var el = updatedDataInfo[i].el;
- var offset = updatedDataInfo[i].ptIdx * 2;
- el.x = points[offset];
- el.y = points[offset + 1];
- el.markRedraw();
- }
- });
- }
- };
- LineView.prototype.remove = function (ecModel) {
- var group = this.group;
- var oldData = this._data;
- this._lineGroup.removeAll();
- this._symbolDraw.remove(true);
- // Remove temporary created elements when highlighting
- oldData && oldData.eachItemGraphicEl(function (el, idx) {
- if (el.__temp) {
- group.remove(el);
- oldData.setItemGraphicEl(idx, null);
- }
- });
- this._polyline = this._polygon = this._coordSys = this._points = this._stackedOnPoints = this._endLabel = this._data = null;
- };
- LineView.type = 'line';
- return LineView;
- }(ChartView);
-
- function pointsLayout(seriesType, forceStoreInTypedArray) {
- return {
- seriesType: seriesType,
- plan: createRenderPlanner(),
- reset: function (seriesModel) {
- var data = seriesModel.getData();
- var coordSys = seriesModel.coordinateSystem;
- var pipelineContext = seriesModel.pipelineContext;
- var useTypedArray = forceStoreInTypedArray || pipelineContext.large;
- if (!coordSys) {
- return;
- }
- var dims = map(coordSys.dimensions, function (dim) {
- return data.mapDimension(dim);
- }).slice(0, 2);
- var dimLen = dims.length;
- var stackResultDim = data.getCalculationInfo('stackResultDimension');
- if (isDimensionStacked(data, dims[0])) {
- dims[0] = stackResultDim;
- }
- if (isDimensionStacked(data, dims[1])) {
- dims[1] = stackResultDim;
- }
- var store = data.getStore();
- var dimIdx0 = data.getDimensionIndex(dims[0]);
- var dimIdx1 = data.getDimensionIndex(dims[1]);
- return dimLen && {
- progress: function (params, data) {
- var segCount = params.end - params.start;
- var points = useTypedArray && createFloat32Array(segCount * dimLen);
- var tmpIn = [];
- var tmpOut = [];
- for (var i = params.start, offset = 0; i < params.end; i++) {
- var point = void 0;
- if (dimLen === 1) {
- var x = store.get(dimIdx0, i);
- // NOTE: Make sure the second parameter is null to use default strategy.
- point = coordSys.dataToPoint(x, null, tmpOut);
- } else {
- tmpIn[0] = store.get(dimIdx0, i);
- tmpIn[1] = store.get(dimIdx1, i);
- // Let coordinate system to handle the NaN data.
- point = coordSys.dataToPoint(tmpIn, null, tmpOut);
- }
- if (useTypedArray) {
- points[offset++] = point[0];
- points[offset++] = point[1];
- } else {
- data.setItemLayout(i, point.slice());
- }
- }
- useTypedArray && data.setLayout('points', points);
- }
- };
- }
- };
- }
-
- var samplers = {
- average: function (frame) {
- var sum = 0;
- var count = 0;
- for (var i = 0; i < frame.length; i++) {
- if (!isNaN(frame[i])) {
- sum += frame[i];
- count++;
- }
- }
- // Return NaN if count is 0
- return count === 0 ? NaN : sum / count;
- },
- sum: function (frame) {
- var sum = 0;
- for (var i = 0; i < frame.length; i++) {
- // Ignore NaN
- sum += frame[i] || 0;
- }
- return sum;
- },
- max: function (frame) {
- var max = -Infinity;
- for (var i = 0; i < frame.length; i++) {
- frame[i] > max && (max = frame[i]);
- }
- // NaN will cause illegal axis extent.
- return isFinite(max) ? max : NaN;
- },
- min: function (frame) {
- var min = Infinity;
- for (var i = 0; i < frame.length; i++) {
- frame[i] < min && (min = frame[i]);
- }
- // NaN will cause illegal axis extent.
- return isFinite(min) ? min : NaN;
- },
- minmax: function (frame) {
- var turningPointAbsoluteValue = -Infinity;
- var turningPointOriginalValue = -Infinity;
- for (var i = 0; i < frame.length; i++) {
- var originalValue = frame[i];
- var absoluteValue = Math.abs(originalValue);
- if (absoluteValue > turningPointAbsoluteValue) {
- turningPointAbsoluteValue = absoluteValue;
- turningPointOriginalValue = originalValue;
- }
- }
- return isFinite(turningPointOriginalValue) ? turningPointOriginalValue : NaN;
- },
- // TODO
- // Median
- nearest: function (frame) {
- return frame[0];
- }
- };
- var indexSampler = function (frame) {
- return Math.round(frame.length / 2);
- };
- function dataSample(seriesType) {
- return {
- seriesType: seriesType,
- // FIXME:TS never used, so comment it
- // modifyOutputEnd: true,
- reset: function (seriesModel, ecModel, api) {
- var data = seriesModel.getData();
- var sampling = seriesModel.get('sampling');
- var coordSys = seriesModel.coordinateSystem;
- var count = data.count();
- // Only cartesian2d support down sampling. Disable it when there is few data.
- if (count > 10 && coordSys.type === 'cartesian2d' && sampling) {
- var baseAxis = coordSys.getBaseAxis();
- var valueAxis = coordSys.getOtherAxis(baseAxis);
- var extent = baseAxis.getExtent();
- var dpr = api.getDevicePixelRatio();
- // Coordinste system has been resized
- var size = Math.abs(extent[1] - extent[0]) * (dpr || 1);
- var rate = Math.round(count / size);
- if (isFinite(rate) && rate > 1) {
- if (sampling === 'lttb') {
- seriesModel.setData(data.lttbDownSample(data.mapDimension(valueAxis.dim), 1 / rate));
- }
- var sampler = void 0;
- if (isString(sampling)) {
- sampler = samplers[sampling];
- } else if (isFunction(sampling)) {
- sampler = sampling;
- }
- if (sampler) {
- // Only support sample the first dim mapped from value axis.
- seriesModel.setData(data.downSample(data.mapDimension(valueAxis.dim), 1 / rate, sampler, indexSampler));
- }
- }
- }
- }
- };
- }
-
- function install$2(registers) {
- registers.registerChartView(LineView);
- registers.registerSeriesModel(LineSeriesModel);
- registers.registerLayout(pointsLayout('line', true));
- registers.registerVisual({
- seriesType: 'line',
- reset: function (seriesModel) {
- var data = seriesModel.getData();
- // Visual coding for legend
- var lineStyle = seriesModel.getModel('lineStyle').getLineStyle();
- if (lineStyle && !lineStyle.stroke) {
- // Fill in visual should be palette color if
- // has color callback
- lineStyle.stroke = data.getVisual('style').fill;
- }
- data.setVisual('legendLineStyle', lineStyle);
- }
- });
- // Down sample after filter
- registers.registerProcessor(registers.PRIORITY.PROCESSOR.STATISTIC, dataSample('line'));
- }
-
- var BaseBarSeriesModel = /** @class */function (_super) {
- __extends(BaseBarSeriesModel, _super);
- function BaseBarSeriesModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = BaseBarSeriesModel.type;
- return _this;
- }
- BaseBarSeriesModel.prototype.getInitialData = function (option, ecModel) {
- return createSeriesData(null, this, {
- useEncodeDefaulter: true
- });
- };
- BaseBarSeriesModel.prototype.getMarkerPosition = function (value, dims, startingAtTick) {
- var coordSys = this.coordinateSystem;
- if (coordSys && coordSys.clampData) {
- // PENDING if clamp ?
- var clampData_1 = coordSys.clampData(value);
- var pt_1 = coordSys.dataToPoint(clampData_1);
- if (startingAtTick) {
- each(coordSys.getAxes(), function (axis, idx) {
- // If axis type is category, use tick coords instead
- if (axis.type === 'category' && dims != null) {
- var tickCoords = axis.getTicksCoords();
- var alignTicksWithLabel = axis.getTickModel().get('alignWithLabel');
- var targetTickId = clampData_1[idx];
- // The index of rightmost tick of markArea is 1 larger than x1/y1 index
- var isEnd = dims[idx] === 'x1' || dims[idx] === 'y1';
- if (isEnd && !alignTicksWithLabel) {
- targetTickId += 1;
- }
- // The only contains one tick, tickCoords is
- // like [{coord: 0, tickValue: 0}, {coord: 0}]
- // to the length should always be larger than 1
- if (tickCoords.length < 2) {
- return;
- } else if (tickCoords.length === 2) {
- // The left value and right value of the axis are
- // the same. coord is 0 in both items. Use the max
- // value of the axis as the coord
- pt_1[idx] = axis.toGlobalCoord(axis.getExtent()[isEnd ? 1 : 0]);
- return;
- }
- var leftCoord = void 0;
- var coord = void 0;
- var stepTickValue = 1;
- for (var i = 0; i < tickCoords.length; i++) {
- var tickCoord = tickCoords[i].coord;
- // The last item of tickCoords doesn't contain
- // tickValue
- var tickValue = i === tickCoords.length - 1 ? tickCoords[i - 1].tickValue + stepTickValue : tickCoords[i].tickValue;
- if (tickValue === targetTickId) {
- coord = tickCoord;
- break;
- } else if (tickValue < targetTickId) {
- leftCoord = tickCoord;
- } else if (leftCoord != null && tickValue > targetTickId) {
- coord = (tickCoord + leftCoord) / 2;
- break;
- }
- if (i === 1) {
- // Here we assume the step of category axes is
- // the same
- stepTickValue = tickValue - tickCoords[0].tickValue;
- }
- }
- if (coord == null) {
- if (!leftCoord) {
- // targetTickId is smaller than all tick ids in the
- // visible area, use the leftmost tick coord
- coord = tickCoords[0].coord;
- } else if (leftCoord) {
- // targetTickId is larger than all tick ids in the
- // visible area, use the rightmost tick coord
- coord = tickCoords[tickCoords.length - 1].coord;
- }
- }
- pt_1[idx] = axis.toGlobalCoord(coord);
- }
- });
- } else {
- var data = this.getData();
- var offset = data.getLayout('offset');
- var size = data.getLayout('size');
- var offsetIndex = coordSys.getBaseAxis().isHorizontal() ? 0 : 1;
- pt_1[offsetIndex] += offset + size / 2;
- }
- return pt_1;
- }
- return [NaN, NaN];
- };
- BaseBarSeriesModel.type = 'series.__base_bar__';
- BaseBarSeriesModel.defaultOption = {
- // zlevel: 0,
- z: 2,
- coordinateSystem: 'cartesian2d',
- legendHoverLink: true,
- // stack: null
- // Cartesian coordinate system
- // xAxisIndex: 0,
- // yAxisIndex: 0,
- barMinHeight: 0,
- barMinAngle: 0,
- // cursor: null,
- large: false,
- largeThreshold: 400,
- progressive: 3e3,
- progressiveChunkMode: 'mod'
- };
- return BaseBarSeriesModel;
- }(SeriesModel);
- SeriesModel.registerClass(BaseBarSeriesModel);
-
- var BarSeriesModel = /** @class */function (_super) {
- __extends(BarSeriesModel, _super);
- function BarSeriesModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = BarSeriesModel.type;
- return _this;
- }
- BarSeriesModel.prototype.getInitialData = function () {
- return createSeriesData(null, this, {
- useEncodeDefaulter: true,
- createInvertedIndices: !!this.get('realtimeSort', true) || null
- });
- };
- /**
- * @override
- */
- BarSeriesModel.prototype.getProgressive = function () {
- // Do not support progressive in normal mode.
- return this.get('large') ? this.get('progressive') : false;
- };
- /**
- * @override
- */
- BarSeriesModel.prototype.getProgressiveThreshold = function () {
- // Do not support progressive in normal mode.
- var progressiveThreshold = this.get('progressiveThreshold');
- var largeThreshold = this.get('largeThreshold');
- if (largeThreshold > progressiveThreshold) {
- progressiveThreshold = largeThreshold;
- }
- return progressiveThreshold;
- };
- BarSeriesModel.prototype.brushSelector = function (dataIndex, data, selectors) {
- return selectors.rect(data.getItemLayout(dataIndex));
- };
- BarSeriesModel.type = 'series.bar';
- BarSeriesModel.dependencies = ['grid', 'polar'];
- BarSeriesModel.defaultOption = inheritDefaultOption(BaseBarSeriesModel.defaultOption, {
- // If clipped
- // Only available on cartesian2d
- clip: true,
- roundCap: false,
- showBackground: false,
- backgroundStyle: {
- color: 'rgba(180, 180, 180, 0.2)',
- borderColor: null,
- borderWidth: 0,
- borderType: 'solid',
- borderRadius: 0,
- shadowBlur: 0,
- shadowColor: null,
- shadowOffsetX: 0,
- shadowOffsetY: 0,
- opacity: 1
- },
- select: {
- itemStyle: {
- borderColor: '#212121'
- }
- },
- realtimeSort: false
- });
- return BarSeriesModel;
- }(BaseBarSeriesModel);
-
- /**
- * Sausage: similar to sector, but have half circle on both sides
- */
- var SausageShape = /** @class */function () {
- function SausageShape() {
- this.cx = 0;
- this.cy = 0;
- this.r0 = 0;
- this.r = 0;
- this.startAngle = 0;
- this.endAngle = Math.PI * 2;
- this.clockwise = true;
- }
- return SausageShape;
- }();
- var SausagePath = /** @class */function (_super) {
- __extends(SausagePath, _super);
- function SausagePath(opts) {
- var _this = _super.call(this, opts) || this;
- _this.type = 'sausage';
- return _this;
- }
- SausagePath.prototype.getDefaultShape = function () {
- return new SausageShape();
- };
- SausagePath.prototype.buildPath = function (ctx, shape) {
- var cx = shape.cx;
- var cy = shape.cy;
- var r0 = Math.max(shape.r0 || 0, 0);
- var r = Math.max(shape.r, 0);
- var dr = (r - r0) * 0.5;
- var rCenter = r0 + dr;
- var startAngle = shape.startAngle;
- var endAngle = shape.endAngle;
- var clockwise = shape.clockwise;
- var PI2 = Math.PI * 2;
- var lessThanCircle = clockwise ? endAngle - startAngle < PI2 : startAngle - endAngle < PI2;
- if (!lessThanCircle) {
- // Normalize angles
- startAngle = endAngle - (clockwise ? PI2 : -PI2);
- }
- var unitStartX = Math.cos(startAngle);
- var unitStartY = Math.sin(startAngle);
- var unitEndX = Math.cos(endAngle);
- var unitEndY = Math.sin(endAngle);
- if (lessThanCircle) {
- ctx.moveTo(unitStartX * r0 + cx, unitStartY * r0 + cy);
- ctx.arc(unitStartX * rCenter + cx, unitStartY * rCenter + cy, dr, -Math.PI + startAngle, startAngle, !clockwise);
- } else {
- ctx.moveTo(unitStartX * r + cx, unitStartY * r + cy);
- }
- ctx.arc(cx, cy, r, startAngle, endAngle, !clockwise);
- ctx.arc(unitEndX * rCenter + cx, unitEndY * rCenter + cy, dr, endAngle - Math.PI * 2, endAngle - Math.PI, !clockwise);
- if (r0 !== 0) {
- ctx.arc(cx, cy, r0, endAngle, startAngle, clockwise);
- }
- // ctx.closePath();
- };
-
- return SausagePath;
- }(Path);
-
- function createSectorCalculateTextPosition(positionMapping, opts) {
- opts = opts || {};
- var isRoundCap = opts.isRoundCap;
- return function (out, opts, boundingRect) {
- var textPosition = opts.position;
- if (!textPosition || textPosition instanceof Array) {
- return calculateTextPosition(out, opts, boundingRect);
- }
- var mappedSectorPosition = positionMapping(textPosition);
- var distance = opts.distance != null ? opts.distance : 5;
- var sector = this.shape;
- var cx = sector.cx;
- var cy = sector.cy;
- var r = sector.r;
- var r0 = sector.r0;
- var middleR = (r + r0) / 2;
- var startAngle = sector.startAngle;
- var endAngle = sector.endAngle;
- var middleAngle = (startAngle + endAngle) / 2;
- var extraDist = isRoundCap ? Math.abs(r - r0) / 2 : 0;
- var mathCos = Math.cos;
- var mathSin = Math.sin;
- // base position: top-left
- var x = cx + r * mathCos(startAngle);
- var y = cy + r * mathSin(startAngle);
- var textAlign = 'left';
- var textVerticalAlign = 'top';
- switch (mappedSectorPosition) {
- case 'startArc':
- x = cx + (r0 - distance) * mathCos(middleAngle);
- y = cy + (r0 - distance) * mathSin(middleAngle);
- textAlign = 'center';
- textVerticalAlign = 'top';
- break;
- case 'insideStartArc':
- x = cx + (r0 + distance) * mathCos(middleAngle);
- y = cy + (r0 + distance) * mathSin(middleAngle);
- textAlign = 'center';
- textVerticalAlign = 'bottom';
- break;
- case 'startAngle':
- x = cx + middleR * mathCos(startAngle) + adjustAngleDistanceX(startAngle, distance + extraDist, false);
- y = cy + middleR * mathSin(startAngle) + adjustAngleDistanceY(startAngle, distance + extraDist, false);
- textAlign = 'right';
- textVerticalAlign = 'middle';
- break;
- case 'insideStartAngle':
- x = cx + middleR * mathCos(startAngle) + adjustAngleDistanceX(startAngle, -distance + extraDist, false);
- y = cy + middleR * mathSin(startAngle) + adjustAngleDistanceY(startAngle, -distance + extraDist, false);
- textAlign = 'left';
- textVerticalAlign = 'middle';
- break;
- case 'middle':
- x = cx + middleR * mathCos(middleAngle);
- y = cy + middleR * mathSin(middleAngle);
- textAlign = 'center';
- textVerticalAlign = 'middle';
- break;
- case 'endArc':
- x = cx + (r + distance) * mathCos(middleAngle);
- y = cy + (r + distance) * mathSin(middleAngle);
- textAlign = 'center';
- textVerticalAlign = 'bottom';
- break;
- case 'insideEndArc':
- x = cx + (r - distance) * mathCos(middleAngle);
- y = cy + (r - distance) * mathSin(middleAngle);
- textAlign = 'center';
- textVerticalAlign = 'top';
- break;
- case 'endAngle':
- x = cx + middleR * mathCos(endAngle) + adjustAngleDistanceX(endAngle, distance + extraDist, true);
- y = cy + middleR * mathSin(endAngle) + adjustAngleDistanceY(endAngle, distance + extraDist, true);
- textAlign = 'left';
- textVerticalAlign = 'middle';
- break;
- case 'insideEndAngle':
- x = cx + middleR * mathCos(endAngle) + adjustAngleDistanceX(endAngle, -distance + extraDist, true);
- y = cy + middleR * mathSin(endAngle) + adjustAngleDistanceY(endAngle, -distance + extraDist, true);
- textAlign = 'right';
- textVerticalAlign = 'middle';
- break;
- default:
- return calculateTextPosition(out, opts, boundingRect);
- }
- out = out || {};
- out.x = x;
- out.y = y;
- out.align = textAlign;
- out.verticalAlign = textVerticalAlign;
- return out;
- };
- }
- function setSectorTextRotation(sector, textPosition, positionMapping, rotateType) {
- if (isNumber(rotateType)) {
- // user-set rotation
- sector.setTextConfig({
- rotation: rotateType
- });
- return;
- } else if (isArray(textPosition)) {
- // user-set position, use 0 as auto rotation
- sector.setTextConfig({
- rotation: 0
- });
- return;
- }
- var shape = sector.shape;
- var startAngle = shape.clockwise ? shape.startAngle : shape.endAngle;
- var endAngle = shape.clockwise ? shape.endAngle : shape.startAngle;
- var middleAngle = (startAngle + endAngle) / 2;
- var anchorAngle;
- var mappedSectorPosition = positionMapping(textPosition);
- switch (mappedSectorPosition) {
- case 'startArc':
- case 'insideStartArc':
- case 'middle':
- case 'insideEndArc':
- case 'endArc':
- anchorAngle = middleAngle;
- break;
- case 'startAngle':
- case 'insideStartAngle':
- anchorAngle = startAngle;
- break;
- case 'endAngle':
- case 'insideEndAngle':
- anchorAngle = endAngle;
- break;
- default:
- sector.setTextConfig({
- rotation: 0
- });
- return;
- }
- var rotate = Math.PI * 1.5 - anchorAngle;
- /**
- * TODO: labels with rotate > Math.PI / 2 should be rotate another
- * half round flipped to increase readability. However, only middle
- * position supports this for now, because in other positions, the
- * anchor point is not at the center of the text, so the positions
- * after rotating is not as expected.
- */
- if (mappedSectorPosition === 'middle' && rotate > Math.PI / 2 && rotate < Math.PI * 1.5) {
- rotate -= Math.PI;
- }
- sector.setTextConfig({
- rotation: rotate
- });
- }
- function adjustAngleDistanceX(angle, distance, isEnd) {
- return distance * Math.sin(angle) * (isEnd ? -1 : 1);
- }
- function adjustAngleDistanceY(angle, distance, isEnd) {
- return distance * Math.cos(angle) * (isEnd ? 1 : -1);
- }
-
- function getSectorCornerRadius(model, shape, zeroIfNull) {
- var cornerRadius = model.get('borderRadius');
- if (cornerRadius == null) {
- return zeroIfNull ? {
- cornerRadius: 0
- } : null;
- }
- if (!isArray(cornerRadius)) {
- cornerRadius = [cornerRadius, cornerRadius, cornerRadius, cornerRadius];
- }
- var dr = Math.abs(shape.r || 0 - shape.r0 || 0);
- return {
- cornerRadius: map(cornerRadius, function (cr) {
- return parsePercent(cr, dr);
- })
- };
- }
-
- var mathMax$6 = Math.max;
- var mathMin$6 = Math.min;
- function getClipArea(coord, data) {
- var coordSysClipArea = coord.getArea && coord.getArea();
- if (isCoordinateSystemType(coord, 'cartesian2d')) {
- var baseAxis = coord.getBaseAxis();
- // When boundaryGap is false or using time axis. bar may exceed the grid.
- // We should not clip this part.
- // See test/bar2.html
- if (baseAxis.type !== 'category' || !baseAxis.onBand) {
- var expandWidth = data.getLayout('bandWidth');
- if (baseAxis.isHorizontal()) {
- coordSysClipArea.x -= expandWidth;
- coordSysClipArea.width += expandWidth * 2;
- } else {
- coordSysClipArea.y -= expandWidth;
- coordSysClipArea.height += expandWidth * 2;
- }
- }
- }
- return coordSysClipArea;
- }
- var BarView = /** @class */function (_super) {
- __extends(BarView, _super);
- function BarView() {
- var _this = _super.call(this) || this;
- _this.type = BarView.type;
- _this._isFirstFrame = true;
- return _this;
- }
- BarView.prototype.render = function (seriesModel, ecModel, api, payload) {
- this._model = seriesModel;
- this._removeOnRenderedListener(api);
- this._updateDrawMode(seriesModel);
- var coordinateSystemType = seriesModel.get('coordinateSystem');
- if (coordinateSystemType === 'cartesian2d' || coordinateSystemType === 'polar') {
- // Clear previously rendered progressive elements.
- this._progressiveEls = null;
- this._isLargeDraw ? this._renderLarge(seriesModel, ecModel, api) : this._renderNormal(seriesModel, ecModel, api, payload);
- } else if ("development" !== 'production') {
- warn('Only cartesian2d and polar supported for bar.');
- }
- };
- BarView.prototype.incrementalPrepareRender = function (seriesModel) {
- this._clear();
- this._updateDrawMode(seriesModel);
- // incremental also need to clip, otherwise might be overlow.
- // But must not set clip in each frame, otherwise all of the children will be marked redraw.
- this._updateLargeClip(seriesModel);
- };
- BarView.prototype.incrementalRender = function (params, seriesModel) {
- // Reset
- this._progressiveEls = [];
- // Do not support progressive in normal mode.
- this._incrementalRenderLarge(params, seriesModel);
- };
- BarView.prototype.eachRendered = function (cb) {
- traverseElements(this._progressiveEls || this.group, cb);
- };
- BarView.prototype._updateDrawMode = function (seriesModel) {
- var isLargeDraw = seriesModel.pipelineContext.large;
- if (this._isLargeDraw == null || isLargeDraw !== this._isLargeDraw) {
- this._isLargeDraw = isLargeDraw;
- this._clear();
- }
- };
- BarView.prototype._renderNormal = function (seriesModel, ecModel, api, payload) {
- var group = this.group;
- var data = seriesModel.getData();
- var oldData = this._data;
- var coord = seriesModel.coordinateSystem;
- var baseAxis = coord.getBaseAxis();
- var isHorizontalOrRadial;
- if (coord.type === 'cartesian2d') {
- isHorizontalOrRadial = baseAxis.isHorizontal();
- } else if (coord.type === 'polar') {
- isHorizontalOrRadial = baseAxis.dim === 'angle';
- }
- var animationModel = seriesModel.isAnimationEnabled() ? seriesModel : null;
- var realtimeSortCfg = shouldRealtimeSort(seriesModel, coord);
- if (realtimeSortCfg) {
- this._enableRealtimeSort(realtimeSortCfg, data, api);
- }
- var needsClip = seriesModel.get('clip', true) || realtimeSortCfg;
- var coordSysClipArea = getClipArea(coord, data);
- // If there is clipPath created in large mode. Remove it.
- group.removeClipPath();
- // We don't use clipPath in normal mode because we needs a perfect animation
- // And don't want the label are clipped.
- var roundCap = seriesModel.get('roundCap', true);
- var drawBackground = seriesModel.get('showBackground', true);
- var backgroundModel = seriesModel.getModel('backgroundStyle');
- var barBorderRadius = backgroundModel.get('borderRadius') || 0;
- var bgEls = [];
- var oldBgEls = this._backgroundEls;
- var isInitSort = payload && payload.isInitSort;
- var isChangeOrder = payload && payload.type === 'changeAxisOrder';
- function createBackground(dataIndex) {
- var bgLayout = getLayout[coord.type](data, dataIndex);
- var bgEl = createBackgroundEl(coord, isHorizontalOrRadial, bgLayout);
- bgEl.useStyle(backgroundModel.getItemStyle());
- // Only cartesian2d support borderRadius.
- if (coord.type === 'cartesian2d') {
- bgEl.setShape('r', barBorderRadius);
- } else {
- bgEl.setShape('cornerRadius', barBorderRadius);
- }
- bgEls[dataIndex] = bgEl;
- return bgEl;
- }
- data.diff(oldData).add(function (dataIndex) {
- var itemModel = data.getItemModel(dataIndex);
- var layout = getLayout[coord.type](data, dataIndex, itemModel);
- if (drawBackground) {
- createBackground(dataIndex);
- }
- // If dataZoom in filteMode: 'empty', the baseValue can be set as NaN in "axisProxy".
- if (!data.hasValue(dataIndex) || !isValidLayout[coord.type](layout)) {
- return;
- }
- var isClipped = false;
- if (needsClip) {
- // Clip will modify the layout params.
- // And return a boolean to determine if the shape are fully clipped.
- isClipped = clip[coord.type](coordSysClipArea, layout);
- }
- var el = elementCreator[coord.type](seriesModel, data, dataIndex, layout, isHorizontalOrRadial, animationModel, baseAxis.model, false, roundCap);
- if (realtimeSortCfg) {
- /**
- * Force label animation because even if the element is
- * ignored because it's clipped, it may not be clipped after
- * changing order. Then, if not using forceLabelAnimation,
- * the label animation was never started, in which case,
- * the label will be the final value and doesn't have label
- * animation.
- */
- el.forceLabelAnimation = true;
- }
- updateStyle(el, data, dataIndex, itemModel, layout, seriesModel, isHorizontalOrRadial, coord.type === 'polar');
- if (isInitSort) {
- el.attr({
- shape: layout
- });
- } else if (realtimeSortCfg) {
- updateRealtimeAnimation(realtimeSortCfg, animationModel, el, layout, dataIndex, isHorizontalOrRadial, false, false);
- } else {
- initProps(el, {
- shape: layout
- }, seriesModel, dataIndex);
- }
- data.setItemGraphicEl(dataIndex, el);
- group.add(el);
- el.ignore = isClipped;
- }).update(function (newIndex, oldIndex) {
- var itemModel = data.getItemModel(newIndex);
- var layout = getLayout[coord.type](data, newIndex, itemModel);
- if (drawBackground) {
- var bgEl = void 0;
- if (oldBgEls.length === 0) {
- bgEl = createBackground(oldIndex);
- } else {
- bgEl = oldBgEls[oldIndex];
- bgEl.useStyle(backgroundModel.getItemStyle());
- // Only cartesian2d support borderRadius.
- if (coord.type === 'cartesian2d') {
- bgEl.setShape('r', barBorderRadius);
- } else {
- bgEl.setShape('cornerRadius', barBorderRadius);
- }
- bgEls[newIndex] = bgEl;
- }
- var bgLayout = getLayout[coord.type](data, newIndex);
- var shape = createBackgroundShape(isHorizontalOrRadial, bgLayout, coord);
- updateProps(bgEl, {
- shape: shape
- }, animationModel, newIndex);
- }
- var el = oldData.getItemGraphicEl(oldIndex);
- if (!data.hasValue(newIndex) || !isValidLayout[coord.type](layout)) {
- group.remove(el);
- return;
- }
- var isClipped = false;
- if (needsClip) {
- isClipped = clip[coord.type](coordSysClipArea, layout);
- if (isClipped) {
- group.remove(el);
- }
- }
- if (!el) {
- el = elementCreator[coord.type](seriesModel, data, newIndex, layout, isHorizontalOrRadial, animationModel, baseAxis.model, !!el, roundCap);
- } else {
- saveOldStyle(el);
- }
- if (realtimeSortCfg) {
- el.forceLabelAnimation = true;
- }
- if (isChangeOrder) {
- var textEl = el.getTextContent();
- if (textEl) {
- var labelInnerStore = labelInner(textEl);
- if (labelInnerStore.prevValue != null) {
- /**
- * Set preValue to be value so that no new label
- * should be started, otherwise, it will take a full
- * `animationDurationUpdate` time to finish the
- * animation, which is not expected.
- */
- labelInnerStore.prevValue = labelInnerStore.value;
- }
- }
- }
- // Not change anything if only order changed.
- // Especially not change label.
- else {
- updateStyle(el, data, newIndex, itemModel, layout, seriesModel, isHorizontalOrRadial, coord.type === 'polar');
- }
- if (isInitSort) {
- el.attr({
- shape: layout
- });
- } else if (realtimeSortCfg) {
- updateRealtimeAnimation(realtimeSortCfg, animationModel, el, layout, newIndex, isHorizontalOrRadial, true, isChangeOrder);
- } else {
- updateProps(el, {
- shape: layout
- }, seriesModel, newIndex, null);
- }
- data.setItemGraphicEl(newIndex, el);
- el.ignore = isClipped;
- group.add(el);
- }).remove(function (dataIndex) {
- var el = oldData.getItemGraphicEl(dataIndex);
- el && removeElementWithFadeOut(el, seriesModel, dataIndex);
- }).execute();
- var bgGroup = this._backgroundGroup || (this._backgroundGroup = new Group());
- bgGroup.removeAll();
- for (var i = 0; i < bgEls.length; ++i) {
- bgGroup.add(bgEls[i]);
- }
- group.add(bgGroup);
- this._backgroundEls = bgEls;
- this._data = data;
- };
- BarView.prototype._renderLarge = function (seriesModel, ecModel, api) {
- this._clear();
- createLarge(seriesModel, this.group);
- this._updateLargeClip(seriesModel);
- };
- BarView.prototype._incrementalRenderLarge = function (params, seriesModel) {
- this._removeBackground();
- createLarge(seriesModel, this.group, this._progressiveEls, true);
- };
- BarView.prototype._updateLargeClip = function (seriesModel) {
- // Use clipPath in large mode.
- var clipPath = seriesModel.get('clip', true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
- var group = this.group;
- if (clipPath) {
- group.setClipPath(clipPath);
- } else {
- group.removeClipPath();
- }
- };
- BarView.prototype._enableRealtimeSort = function (realtimeSortCfg, data, api) {
- var _this = this;
- // If no data in the first frame, wait for data to initSort
- if (!data.count()) {
- return;
- }
- var baseAxis = realtimeSortCfg.baseAxis;
- if (this._isFirstFrame) {
- this._dispatchInitSort(data, realtimeSortCfg, api);
- this._isFirstFrame = false;
- } else {
- var orderMapping_1 = function (idx) {
- var el = data.getItemGraphicEl(idx);
- var shape = el && el.shape;
- return shape &&
- // The result should be consistent with the initial sort by data value.
- // Do not support the case that both positive and negative exist.
- Math.abs(baseAxis.isHorizontal() ? shape.height : shape.width)
- // If data is NaN, shape.xxx may be NaN, so use || 0 here in case
- || 0;
- };
- this._onRendered = function () {
- _this._updateSortWithinSameData(data, orderMapping_1, baseAxis, api);
- };
- api.getZr().on('rendered', this._onRendered);
- }
- };
- BarView.prototype._dataSort = function (data, baseAxis, orderMapping) {
- var info = [];
- data.each(data.mapDimension(baseAxis.dim), function (ordinalNumber, dataIdx) {
- var mappedValue = orderMapping(dataIdx);
- mappedValue = mappedValue == null ? NaN : mappedValue;
- info.push({
- dataIndex: dataIdx,
- mappedValue: mappedValue,
- ordinalNumber: ordinalNumber
- });
- });
- info.sort(function (a, b) {
- // If NaN, it will be treated as min val.
- return b.mappedValue - a.mappedValue;
- });
- return {
- ordinalNumbers: map(info, function (item) {
- return item.ordinalNumber;
- })
- };
- };
- BarView.prototype._isOrderChangedWithinSameData = function (data, orderMapping, baseAxis) {
- var scale = baseAxis.scale;
- var ordinalDataDim = data.mapDimension(baseAxis.dim);
- var lastValue = Number.MAX_VALUE;
- for (var tickNum = 0, len = scale.getOrdinalMeta().categories.length; tickNum < len; ++tickNum) {
- var rawIdx = data.rawIndexOf(ordinalDataDim, scale.getRawOrdinalNumber(tickNum));
- var value = rawIdx < 0
- // If some tick have no bar, the tick will be treated as min.
- ? Number.MIN_VALUE
- // PENDING: if dataZoom on baseAxis exits, is it a performance issue?
- : orderMapping(data.indexOfRawIndex(rawIdx));
- if (value > lastValue) {
- return true;
- }
- lastValue = value;
- }
- return false;
- };
- /*
- * Consider the case when A and B changed order, whose representing
- * bars are both out of sight, we don't wish to trigger reorder action
- * as long as the order in the view doesn't change.
- */
- BarView.prototype._isOrderDifferentInView = function (orderInfo, baseAxis) {
- var scale = baseAxis.scale;
- var extent = scale.getExtent();
- var tickNum = Math.max(0, extent[0]);
- var tickMax = Math.min(extent[1], scale.getOrdinalMeta().categories.length - 1);
- for (; tickNum <= tickMax; ++tickNum) {
- if (orderInfo.ordinalNumbers[tickNum] !== scale.getRawOrdinalNumber(tickNum)) {
- return true;
- }
- }
- };
- BarView.prototype._updateSortWithinSameData = function (data, orderMapping, baseAxis, api) {
- if (!this._isOrderChangedWithinSameData(data, orderMapping, baseAxis)) {
- return;
- }
- var sortInfo = this._dataSort(data, baseAxis, orderMapping);
- if (this._isOrderDifferentInView(sortInfo, baseAxis)) {
- this._removeOnRenderedListener(api);
- api.dispatchAction({
- type: 'changeAxisOrder',
- componentType: baseAxis.dim + 'Axis',
- axisId: baseAxis.index,
- sortInfo: sortInfo
- });
- }
- };
- BarView.prototype._dispatchInitSort = function (data, realtimeSortCfg, api) {
- var baseAxis = realtimeSortCfg.baseAxis;
- var sortResult = this._dataSort(data, baseAxis, function (dataIdx) {
- return data.get(data.mapDimension(realtimeSortCfg.otherAxis.dim), dataIdx);
- });
- api.dispatchAction({
- type: 'changeAxisOrder',
- componentType: baseAxis.dim + 'Axis',
- isInitSort: true,
- axisId: baseAxis.index,
- sortInfo: sortResult
- });
- };
- BarView.prototype.remove = function (ecModel, api) {
- this._clear(this._model);
- this._removeOnRenderedListener(api);
- };
- BarView.prototype.dispose = function (ecModel, api) {
- this._removeOnRenderedListener(api);
- };
- BarView.prototype._removeOnRenderedListener = function (api) {
- if (this._onRendered) {
- api.getZr().off('rendered', this._onRendered);
- this._onRendered = null;
- }
- };
- BarView.prototype._clear = function (model) {
- var group = this.group;
- var data = this._data;
- if (model && model.isAnimationEnabled() && data && !this._isLargeDraw) {
- this._removeBackground();
- this._backgroundEls = [];
- data.eachItemGraphicEl(function (el) {
- removeElementWithFadeOut(el, model, getECData(el).dataIndex);
- });
- } else {
- group.removeAll();
- }
- this._data = null;
- this._isFirstFrame = true;
- };
- BarView.prototype._removeBackground = function () {
- this.group.remove(this._backgroundGroup);
- this._backgroundGroup = null;
- };
- BarView.type = 'bar';
- return BarView;
- }(ChartView);
- var clip = {
- cartesian2d: function (coordSysBoundingRect, layout) {
- var signWidth = layout.width < 0 ? -1 : 1;
- var signHeight = layout.height < 0 ? -1 : 1;
- // Needs positive width and height
- if (signWidth < 0) {
- layout.x += layout.width;
- layout.width = -layout.width;
- }
- if (signHeight < 0) {
- layout.y += layout.height;
- layout.height = -layout.height;
- }
- var coordSysX2 = coordSysBoundingRect.x + coordSysBoundingRect.width;
- var coordSysY2 = coordSysBoundingRect.y + coordSysBoundingRect.height;
- var x = mathMax$6(layout.x, coordSysBoundingRect.x);
- var x2 = mathMin$6(layout.x + layout.width, coordSysX2);
- var y = mathMax$6(layout.y, coordSysBoundingRect.y);
- var y2 = mathMin$6(layout.y + layout.height, coordSysY2);
- var xClipped = x2 < x;
- var yClipped = y2 < y;
- // When xClipped or yClipped, the element will be marked as `ignore`.
- // But we should also place the element at the edge of the coord sys bounding rect.
- // Because if data changed and the bar shows again, its transition animation
- // will begin at this place.
- layout.x = xClipped && x > coordSysX2 ? x2 : x;
- layout.y = yClipped && y > coordSysY2 ? y2 : y;
- layout.width = xClipped ? 0 : x2 - x;
- layout.height = yClipped ? 0 : y2 - y;
- // Reverse back
- if (signWidth < 0) {
- layout.x += layout.width;
- layout.width = -layout.width;
- }
- if (signHeight < 0) {
- layout.y += layout.height;
- layout.height = -layout.height;
- }
- return xClipped || yClipped;
- },
- polar: function (coordSysClipArea, layout) {
- var signR = layout.r0 <= layout.r ? 1 : -1;
- // Make sure r is larger than r0
- if (signR < 0) {
- var tmp = layout.r;
- layout.r = layout.r0;
- layout.r0 = tmp;
- }
- var r = mathMin$6(layout.r, coordSysClipArea.r);
- var r0 = mathMax$6(layout.r0, coordSysClipArea.r0);
- layout.r = r;
- layout.r0 = r0;
- var clipped = r - r0 < 0;
- // Reverse back
- if (signR < 0) {
- var tmp = layout.r;
- layout.r = layout.r0;
- layout.r0 = tmp;
- }
- return clipped;
- }
- };
- var elementCreator = {
- cartesian2d: function (seriesModel, data, newIndex, layout, isHorizontal, animationModel, axisModel, isUpdate, roundCap) {
- var rect = new Rect({
- shape: extend({}, layout),
- z2: 1
- });
- rect.__dataIndex = newIndex;
- rect.name = 'item';
- if (animationModel) {
- var rectShape = rect.shape;
- var animateProperty = isHorizontal ? 'height' : 'width';
- rectShape[animateProperty] = 0;
- }
- return rect;
- },
- polar: function (seriesModel, data, newIndex, layout, isRadial, animationModel, axisModel, isUpdate, roundCap) {
- var ShapeClass = !isRadial && roundCap ? SausagePath : Sector;
- var sector = new ShapeClass({
- shape: layout,
- z2: 1
- });
- sector.name = 'item';
- var positionMap = createPolarPositionMapping(isRadial);
- sector.calculateTextPosition = createSectorCalculateTextPosition(positionMap, {
- isRoundCap: ShapeClass === SausagePath
- });
- // Animation
- if (animationModel) {
- var sectorShape = sector.shape;
- var animateProperty = isRadial ? 'r' : 'endAngle';
- var animateTarget = {};
- sectorShape[animateProperty] = isRadial ? layout.r0 : layout.startAngle;
- animateTarget[animateProperty] = layout[animateProperty];
- (isUpdate ? updateProps : initProps)(sector, {
- shape: animateTarget
- // __value: typeof dataValue === 'string' ? parseInt(dataValue, 10) : dataValue
- }, animationModel);
- }
- return sector;
- }
- };
- function shouldRealtimeSort(seriesModel, coordSys) {
- var realtimeSortOption = seriesModel.get('realtimeSort', true);
- var baseAxis = coordSys.getBaseAxis();
- if ("development" !== 'production') {
- if (realtimeSortOption) {
- if (baseAxis.type !== 'category') {
- warn('`realtimeSort` will not work because this bar series is not based on a category axis.');
- }
- if (coordSys.type !== 'cartesian2d') {
- warn('`realtimeSort` will not work because this bar series is not on cartesian2d.');
- }
- }
- }
- if (realtimeSortOption && baseAxis.type === 'category' && coordSys.type === 'cartesian2d') {
- return {
- baseAxis: baseAxis,
- otherAxis: coordSys.getOtherAxis(baseAxis)
- };
- }
- }
- function updateRealtimeAnimation(realtimeSortCfg, seriesAnimationModel, el, layout, newIndex, isHorizontal, isUpdate, isChangeOrder) {
- var seriesTarget;
- var axisTarget;
- if (isHorizontal) {
- axisTarget = {
- x: layout.x,
- width: layout.width
- };
- seriesTarget = {
- y: layout.y,
- height: layout.height
- };
- } else {
- axisTarget = {
- y: layout.y,
- height: layout.height
- };
- seriesTarget = {
- x: layout.x,
- width: layout.width
- };
- }
- if (!isChangeOrder) {
- // Keep the original growth animation if only axis order changed.
- // Not start a new animation.
- (isUpdate ? updateProps : initProps)(el, {
- shape: seriesTarget
- }, seriesAnimationModel, newIndex, null);
- }
- var axisAnimationModel = seriesAnimationModel ? realtimeSortCfg.baseAxis.model : null;
- (isUpdate ? updateProps : initProps)(el, {
- shape: axisTarget
- }, axisAnimationModel, newIndex);
- }
- function checkPropertiesNotValid(obj, props) {
- for (var i = 0; i < props.length; i++) {
- if (!isFinite(obj[props[i]])) {
- return true;
- }
- }
- return false;
- }
- var rectPropties = ['x', 'y', 'width', 'height'];
- var polarPropties = ['cx', 'cy', 'r', 'startAngle', 'endAngle'];
- var isValidLayout = {
- cartesian2d: function (layout) {
- return !checkPropertiesNotValid(layout, rectPropties);
- },
- polar: function (layout) {
- return !checkPropertiesNotValid(layout, polarPropties);
- }
- };
- var getLayout = {
- // itemModel is only used to get borderWidth, which is not needed
- // when calculating bar background layout.
- cartesian2d: function (data, dataIndex, itemModel) {
- var layout = data.getItemLayout(dataIndex);
- var fixedLineWidth = itemModel ? getLineWidth(itemModel, layout) : 0;
- // fix layout with lineWidth
- var signX = layout.width > 0 ? 1 : -1;
- var signY = layout.height > 0 ? 1 : -1;
- return {
- x: layout.x + signX * fixedLineWidth / 2,
- y: layout.y + signY * fixedLineWidth / 2,
- width: layout.width - signX * fixedLineWidth,
- height: layout.height - signY * fixedLineWidth
- };
- },
- polar: function (data, dataIndex, itemModel) {
- var layout = data.getItemLayout(dataIndex);
- return {
- cx: layout.cx,
- cy: layout.cy,
- r0: layout.r0,
- r: layout.r,
- startAngle: layout.startAngle,
- endAngle: layout.endAngle,
- clockwise: layout.clockwise
- };
- }
- };
- function isZeroOnPolar(layout) {
- return layout.startAngle != null && layout.endAngle != null && layout.startAngle === layout.endAngle;
- }
- function createPolarPositionMapping(isRadial) {
- return function (isRadial) {
- var arcOrAngle = isRadial ? 'Arc' : 'Angle';
- return function (position) {
- switch (position) {
- case 'start':
- case 'insideStart':
- case 'end':
- case 'insideEnd':
- return position + arcOrAngle;
- default:
- return position;
- }
- };
- }(isRadial);
- }
- function updateStyle(el, data, dataIndex, itemModel, layout, seriesModel, isHorizontalOrRadial, isPolar) {
- var style = data.getItemVisual(dataIndex, 'style');
- if (!isPolar) {
- var borderRadius = itemModel.get(['itemStyle', 'borderRadius']) || 0;
- el.setShape('r', borderRadius);
- } else if (!seriesModel.get('roundCap')) {
- var sectorShape = el.shape;
- var cornerRadius = getSectorCornerRadius(itemModel.getModel('itemStyle'), sectorShape, true);
- extend(sectorShape, cornerRadius);
- el.setShape(sectorShape);
- }
- el.useStyle(style);
- var cursorStyle = itemModel.getShallow('cursor');
- cursorStyle && el.attr('cursor', cursorStyle);
- var labelPositionOutside = isPolar ? isHorizontalOrRadial ? layout.r >= layout.r0 ? 'endArc' : 'startArc' : layout.endAngle >= layout.startAngle ? 'endAngle' : 'startAngle' : isHorizontalOrRadial ? layout.height >= 0 ? 'bottom' : 'top' : layout.width >= 0 ? 'right' : 'left';
- var labelStatesModels = getLabelStatesModels(itemModel);
- setLabelStyle(el, labelStatesModels, {
- labelFetcher: seriesModel,
- labelDataIndex: dataIndex,
- defaultText: getDefaultLabel(seriesModel.getData(), dataIndex),
- inheritColor: style.fill,
- defaultOpacity: style.opacity,
- defaultOutsidePosition: labelPositionOutside
- });
- var label = el.getTextContent();
- if (isPolar && label) {
- var position = itemModel.get(['label', 'position']);
- el.textConfig.inside = position === 'middle' ? true : null;
- setSectorTextRotation(el, position === 'outside' ? labelPositionOutside : position, createPolarPositionMapping(isHorizontalOrRadial), itemModel.get(['label', 'rotate']));
- }
- setLabelValueAnimation(label, labelStatesModels, seriesModel.getRawValue(dataIndex), function (value) {
- return getDefaultInterpolatedLabel(data, value);
- });
- var emphasisModel = itemModel.getModel(['emphasis']);
- toggleHoverEmphasis(el, emphasisModel.get('focus'), emphasisModel.get('blurScope'), emphasisModel.get('disabled'));
- setStatesStylesFromModel(el, itemModel);
- if (isZeroOnPolar(layout)) {
- el.style.fill = 'none';
- el.style.stroke = 'none';
- each(el.states, function (state) {
- if (state.style) {
- state.style.fill = state.style.stroke = 'none';
- }
- });
- }
- }
- // In case width or height are too small.
- function getLineWidth(itemModel, rawLayout) {
- // Has no border.
- var borderColor = itemModel.get(['itemStyle', 'borderColor']);
- if (!borderColor || borderColor === 'none') {
- return 0;
- }
- var lineWidth = itemModel.get(['itemStyle', 'borderWidth']) || 0;
- // width or height may be NaN for empty data
- var width = isNaN(rawLayout.width) ? Number.MAX_VALUE : Math.abs(rawLayout.width);
- var height = isNaN(rawLayout.height) ? Number.MAX_VALUE : Math.abs(rawLayout.height);
- return Math.min(lineWidth, width, height);
- }
- var LagePathShape = /** @class */function () {
- function LagePathShape() {}
- return LagePathShape;
- }();
- var LargePath = /** @class */function (_super) {
- __extends(LargePath, _super);
- function LargePath(opts) {
- var _this = _super.call(this, opts) || this;
- _this.type = 'largeBar';
- return _this;
- }
- LargePath.prototype.getDefaultShape = function () {
- return new LagePathShape();
- };
- LargePath.prototype.buildPath = function (ctx, shape) {
- // Drawing lines is more efficient than drawing
- // a whole line or drawing rects.
- var points = shape.points;
- var baseDimIdx = this.baseDimIdx;
- var valueDimIdx = 1 - this.baseDimIdx;
- var startPoint = [];
- var size = [];
- var barWidth = this.barWidth;
- for (var i = 0; i < points.length; i += 3) {
- size[baseDimIdx] = barWidth;
- size[valueDimIdx] = points[i + 2];
- startPoint[baseDimIdx] = points[i + baseDimIdx];
- startPoint[valueDimIdx] = points[i + valueDimIdx];
- ctx.rect(startPoint[0], startPoint[1], size[0], size[1]);
- }
- };
- return LargePath;
- }(Path);
- function createLarge(seriesModel, group, progressiveEls, incremental) {
- // TODO support polar
- var data = seriesModel.getData();
- var baseDimIdx = data.getLayout('valueAxisHorizontal') ? 1 : 0;
- var largeDataIndices = data.getLayout('largeDataIndices');
- var barWidth = data.getLayout('size');
- var backgroundModel = seriesModel.getModel('backgroundStyle');
- var bgPoints = data.getLayout('largeBackgroundPoints');
- if (bgPoints) {
- var bgEl = new LargePath({
- shape: {
- points: bgPoints
- },
- incremental: !!incremental,
- silent: true,
- z2: 0
- });
- bgEl.baseDimIdx = baseDimIdx;
- bgEl.largeDataIndices = largeDataIndices;
- bgEl.barWidth = barWidth;
- bgEl.useStyle(backgroundModel.getItemStyle());
- group.add(bgEl);
- progressiveEls && progressiveEls.push(bgEl);
- }
- var el = new LargePath({
- shape: {
- points: data.getLayout('largePoints')
- },
- incremental: !!incremental,
- ignoreCoarsePointer: true,
- z2: 1
- });
- el.baseDimIdx = baseDimIdx;
- el.largeDataIndices = largeDataIndices;
- el.barWidth = barWidth;
- group.add(el);
- el.useStyle(data.getVisual('style'));
- // Enable tooltip and user mouse/touch event handlers.
- getECData(el).seriesIndex = seriesModel.seriesIndex;
- if (!seriesModel.get('silent')) {
- el.on('mousedown', largePathUpdateDataIndex);
- el.on('mousemove', largePathUpdateDataIndex);
- }
- progressiveEls && progressiveEls.push(el);
- }
- // Use throttle to avoid frequently traverse to find dataIndex.
- var largePathUpdateDataIndex = throttle(function (event) {
- var largePath = this;
- var dataIndex = largePathFindDataIndex(largePath, event.offsetX, event.offsetY);
- getECData(largePath).dataIndex = dataIndex >= 0 ? dataIndex : null;
- }, 30, false);
- function largePathFindDataIndex(largePath, x, y) {
- var baseDimIdx = largePath.baseDimIdx;
- var valueDimIdx = 1 - baseDimIdx;
- var points = largePath.shape.points;
- var largeDataIndices = largePath.largeDataIndices;
- var startPoint = [];
- var size = [];
- var barWidth = largePath.barWidth;
- for (var i = 0, len = points.length / 3; i < len; i++) {
- var ii = i * 3;
- size[baseDimIdx] = barWidth;
- size[valueDimIdx] = points[ii + 2];
- startPoint[baseDimIdx] = points[ii + baseDimIdx];
- startPoint[valueDimIdx] = points[ii + valueDimIdx];
- if (size[valueDimIdx] < 0) {
- startPoint[valueDimIdx] += size[valueDimIdx];
- size[valueDimIdx] = -size[valueDimIdx];
- }
- if (x >= startPoint[0] && x <= startPoint[0] + size[0] && y >= startPoint[1] && y <= startPoint[1] + size[1]) {
- return largeDataIndices[i];
- }
- }
- return -1;
- }
- function createBackgroundShape(isHorizontalOrRadial, layout, coord) {
- if (isCoordinateSystemType(coord, 'cartesian2d')) {
- var rectShape = layout;
- var coordLayout = coord.getArea();
- return {
- x: isHorizontalOrRadial ? rectShape.x : coordLayout.x,
- y: isHorizontalOrRadial ? coordLayout.y : rectShape.y,
- width: isHorizontalOrRadial ? rectShape.width : coordLayout.width,
- height: isHorizontalOrRadial ? coordLayout.height : rectShape.height
- };
- } else {
- var coordLayout = coord.getArea();
- var sectorShape = layout;
- return {
- cx: coordLayout.cx,
- cy: coordLayout.cy,
- r0: isHorizontalOrRadial ? coordLayout.r0 : sectorShape.r0,
- r: isHorizontalOrRadial ? coordLayout.r : sectorShape.r,
- startAngle: isHorizontalOrRadial ? sectorShape.startAngle : 0,
- endAngle: isHorizontalOrRadial ? sectorShape.endAngle : Math.PI * 2
- };
- }
- }
- function createBackgroundEl(coord, isHorizontalOrRadial, layout) {
- var ElementClz = coord.type === 'polar' ? Sector : Rect;
- return new ElementClz({
- shape: createBackgroundShape(isHorizontalOrRadial, layout, coord),
- silent: true,
- z2: 0
- });
- }
-
- function install$3(registers) {
- registers.registerChartView(BarView);
- registers.registerSeriesModel(BarSeriesModel);
- registers.registerLayout(registers.PRIORITY.VISUAL.LAYOUT, curry(layout, 'bar'));
- // Do layout after other overall layout, which can prepare some information.
- registers.registerLayout(registers.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT, createProgressiveLayout('bar'));
- // Down sample after filter
- registers.registerProcessor(registers.PRIORITY.PROCESSOR.STATISTIC, dataSample('bar'));
- /**
- * @payload
- * @property {string} [componentType=series]
- * @property {number} [dx]
- * @property {number} [dy]
- * @property {number} [zoom]
- * @property {number} [originX]
- * @property {number} [originY]
- */
- registers.registerAction({
- type: 'changeAxisOrder',
- event: 'changeAxisOrder',
- update: 'update'
- }, function (payload, ecModel) {
- var componentType = payload.componentType || 'series';
- ecModel.eachComponent({
- mainType: componentType,
- query: payload
- }, function (componentModel) {
- if (payload.sortInfo) {
- componentModel.axis.setCategorySortInfo(payload.sortInfo);
- }
- });
- });
- }
-
- var PI2$8 = Math.PI * 2;
- var RADIAN = Math.PI / 180;
- function getViewRect(seriesModel, api) {
- return getLayoutRect(seriesModel.getBoxLayoutParams(), {
- width: api.getWidth(),
- height: api.getHeight()
- });
- }
- function getBasicPieLayout(seriesModel, api) {
- var viewRect = getViewRect(seriesModel, api);
- // center can be string or number when coordinateSystem is specified
- var center = seriesModel.get('center');
- var radius = seriesModel.get('radius');
- if (!isArray(radius)) {
- radius = [0, radius];
- }
- var width = parsePercent$1(viewRect.width, api.getWidth());
- var height = parsePercent$1(viewRect.height, api.getHeight());
- var size = Math.min(width, height);
- var r0 = parsePercent$1(radius[0], size / 2);
- var r = parsePercent$1(radius[1], size / 2);
- var cx;
- var cy;
- var coordSys = seriesModel.coordinateSystem;
- if (coordSys) {
- // percentage is not allowed when coordinate system is specified
- var point = coordSys.dataToPoint(center);
- cx = point[0] || 0;
- cy = point[1] || 0;
- } else {
- if (!isArray(center)) {
- center = [center, center];
- }
- cx = parsePercent$1(center[0], width) + viewRect.x;
- cy = parsePercent$1(center[1], height) + viewRect.y;
- }
- return {
- cx: cx,
- cy: cy,
- r0: r0,
- r: r
- };
- }
- function pieLayout(seriesType, ecModel, api) {
- ecModel.eachSeriesByType(seriesType, function (seriesModel) {
- var data = seriesModel.getData();
- var valueDim = data.mapDimension('value');
- var viewRect = getViewRect(seriesModel, api);
- var _a = getBasicPieLayout(seriesModel, api),
- cx = _a.cx,
- cy = _a.cy,
- r = _a.r,
- r0 = _a.r0;
- var startAngle = -seriesModel.get('startAngle') * RADIAN;
- var endAngle = seriesModel.get('endAngle');
- var padAngle = seriesModel.get('padAngle') * RADIAN;
- endAngle = endAngle === 'auto' ? startAngle - PI2$8 : -endAngle * RADIAN;
- var minAngle = seriesModel.get('minAngle') * RADIAN;
- var minAndPadAngle = minAngle + padAngle;
- var validDataCount = 0;
- data.each(valueDim, function (value) {
- !isNaN(value) && validDataCount++;
- });
- var sum = data.getSum(valueDim);
- // Sum may be 0
- var unitRadian = Math.PI / (sum || validDataCount) * 2;
- var clockwise = seriesModel.get('clockwise');
- var roseType = seriesModel.get('roseType');
- var stillShowZeroSum = seriesModel.get('stillShowZeroSum');
- // [0...max]
- var extent = data.getDataExtent(valueDim);
- extent[0] = 0;
- var dir = clockwise ? 1 : -1;
- var angles = [startAngle, endAngle];
- var halfPadAngle = dir * padAngle / 2;
- normalizeArcAngles(angles, !clockwise);
- startAngle = angles[0], endAngle = angles[1];
- var angleRange = Math.abs(endAngle - startAngle);
- // In the case some sector angle is smaller than minAngle
- var restAngle = angleRange;
- var valueSumLargerThanMinAngle = 0;
- var currentAngle = startAngle;
- data.setLayout({
- viewRect: viewRect,
- r: r
- });
- data.each(valueDim, function (value, idx) {
- var angle;
- if (isNaN(value)) {
- data.setItemLayout(idx, {
- angle: NaN,
- startAngle: NaN,
- endAngle: NaN,
- clockwise: clockwise,
- cx: cx,
- cy: cy,
- r0: r0,
- r: roseType ? NaN : r
- });
- return;
- }
- // FIXME 兼容 2.0 但是 roseType 是 area 的时候才是这样？
- if (roseType !== 'area') {
- angle = sum === 0 && stillShowZeroSum ? unitRadian : value * unitRadian;
- } else {
- angle = angleRange / validDataCount;
- }
- if (angle < minAndPadAngle) {
- angle = minAndPadAngle;
- restAngle -= minAndPadAngle;
- } else {
- valueSumLargerThanMinAngle += value;
- }
- var endAngle = currentAngle + dir * angle;
- // calculate display angle
- var actualStartAngle = 0;
- var actualEndAngle = 0;
- if (padAngle > angle) {
- actualStartAngle = currentAngle + dir * angle / 2;
- actualEndAngle = actualStartAngle;
- } else {
- actualStartAngle = currentAngle + halfPadAngle;
- actualEndAngle = endAngle - halfPadAngle;
- }
- data.setItemLayout(idx, {
- angle: angle,
- startAngle: actualStartAngle,
- endAngle: actualEndAngle,
- clockwise: clockwise,
- cx: cx,
- cy: cy,
- r0: r0,
- r: roseType ? linearMap(value, extent, [r0, r]) : r
- });
- currentAngle = endAngle;
- });
- // Some sector is constrained by minAngle and padAngle
- // Rest sectors needs recalculate angle
- if (restAngle < PI2$8 && validDataCount) {
- // Average the angle if rest angle is not enough after all angles is
- // Constrained by minAngle and padAngle
- if (restAngle <= 1e-3) {
- var angle_1 = angleRange / validDataCount;
- data.each(valueDim, function (value, idx) {
- if (!isNaN(value)) {
- var layout_1 = data.getItemLayout(idx);
- layout_1.angle = angle_1;
- var actualStartAngle = 0;
- var actualEndAngle = 0;
- if (angle_1 < padAngle) {
- actualStartAngle = startAngle + dir * (idx + 1 / 2) * angle_1;
- actualEndAngle = actualStartAngle;
- } else {
- actualStartAngle = startAngle + dir * idx * angle_1 + halfPadAngle;
- actualEndAngle = startAngle + dir * (idx + 1) * angle_1 - halfPadAngle;
- }
- layout_1.startAngle = actualStartAngle;
- layout_1.endAngle = actualEndAngle;
- }
- });
- } else {
- unitRadian = restAngle / valueSumLargerThanMinAngle;
- currentAngle = startAngle;
- data.each(valueDim, function (value, idx) {
- if (!isNaN(value)) {
- var layout_2 = data.getItemLayout(idx);
- var angle = layout_2.angle === minAndPadAngle ? minAndPadAngle : value * unitRadian;
- var actualStartAngle = 0;
- var actualEndAngle = 0;
- if (angle < padAngle) {
- actualStartAngle = currentAngle + dir * angle / 2;
- actualEndAngle = actualStartAngle;
- } else {
- actualStartAngle = currentAngle + halfPadAngle;
- actualEndAngle = currentAngle + dir * angle - halfPadAngle;
- }
- layout_2.startAngle = actualStartAngle;
- layout_2.endAngle = actualEndAngle;
- currentAngle += dir * angle;
- }
- });
- }
- }
- });
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- function dataFilter(seriesType) {
- return {
- seriesType: seriesType,
- reset: function (seriesModel, ecModel) {
- var legendModels = ecModel.findComponents({
- mainType: 'legend'
- });
- if (!legendModels || !legendModels.length) {
- return;
- }
- var data = seriesModel.getData();
- data.filterSelf(function (idx) {
- var name = data.getName(idx);
- // If in any legend component the status is not selected.
- for (var i = 0; i < legendModels.length; i++) {
- // @ts-ignore FIXME: LegendModel
- if (!legendModels[i].isSelected(name)) {
- return false;
- }
- }
- return true;
- });
- }
- };
- }
-
- var RADIAN$1 = Math.PI / 180;
- function adjustSingleSide(list, cx, cy, r, dir, viewWidth, viewHeight, viewLeft, viewTop, farthestX) {
- if (list.length < 2) {
- return;
- }
- function recalculateXOnSemiToAlignOnEllipseCurve(semi) {
- var rB = semi.rB;
- var rB2 = rB * rB;
- for (var i = 0; i < semi.list.length; i++) {
- var item = semi.list[i];
- var dy = Math.abs(item.label.y - cy);
- // horizontal r is always same with original r because x is not changed.
- var rA = r + item.len;
- var rA2 = rA * rA;
- // Use ellipse implicit function to calculate x
- var dx = Math.sqrt((1 - Math.abs(dy * dy / rB2)) * rA2);
- var newX = cx + (dx + item.len2) * dir;
- var deltaX = newX - item.label.x;
- var newTargetWidth = item.targetTextWidth - deltaX * dir;
- // text x is changed, so need to recalculate width.
- constrainTextWidth(item, newTargetWidth, true);
- item.label.x = newX;
- }
- }
- // Adjust X based on the shifted y. Make tight labels aligned on an ellipse curve.
- function recalculateX(items) {
- // Extremes of
- var topSemi = {
- list: [],
- maxY: 0
- };
- var bottomSemi = {
- list: [],
- maxY: 0
- };
- for (var i = 0; i < items.length; i++) {
- if (items[i].labelAlignTo !== 'none') {
- continue;
- }
- var item = items[i];
- var semi = item.label.y > cy ? bottomSemi : topSemi;
- var dy = Math.abs(item.label.y - cy);
- if (dy >= semi.maxY) {
- var dx = item.label.x - cx - item.len2 * dir;
- // horizontal r is always same with original r because x is not changed.
- var rA = r + item.len;
- // Canculate rB based on the topest / bottemest label.
- var rB = Math.abs(dx) < rA ? Math.sqrt(dy * dy / (1 - dx * dx / rA / rA)) : rA;
- semi.rB = rB;
- semi.maxY = dy;
- }
- semi.list.push(item);
- }
- recalculateXOnSemiToAlignOnEllipseCurve(topSemi);
- recalculateXOnSemiToAlignOnEllipseCurve(bottomSemi);
- }
- var len = list.length;
- for (var i = 0; i < len; i++) {
- if (list[i].position === 'outer' && list[i].labelAlignTo === 'labelLine') {
- var dx = list[i].label.x - farthestX;
- list[i].linePoints[1][0] += dx;
- list[i].label.x = farthestX;
- }
- }
- if (shiftLayoutOnY(list, viewTop, viewTop + viewHeight)) {
- recalculateX(list);
- }
- }
- function avoidOverlap(labelLayoutList, cx, cy, r, viewWidth, viewHeight, viewLeft, viewTop) {
- var leftList = [];
- var rightList = [];
- var leftmostX = Number.MAX_VALUE;
- var rightmostX = -Number.MAX_VALUE;
- for (var i = 0; i < labelLayoutList.length; i++) {
- var label = labelLayoutList[i].label;
- if (isPositionCenter(labelLayoutList[i])) {
- continue;
- }
- if (label.x < cx) {
- leftmostX = Math.min(leftmostX, label.x);
- leftList.push(labelLayoutList[i]);
- } else {
- rightmostX = Math.max(rightmostX, label.x);
- rightList.push(labelLayoutList[i]);
- }
- }
- for (var i = 0; i < labelLayoutList.length; i++) {
- var layout = labelLayoutList[i];
- if (!isPositionCenter(layout) && layout.linePoints) {
- if (layout.labelStyleWidth != null) {
- continue;
- }
- var label = layout.label;
- var linePoints = layout.linePoints;
- var targetTextWidth = void 0;
- if (layout.labelAlignTo === 'edge') {
- if (label.x < cx) {
- targetTextWidth = linePoints[2][0] - layout.labelDistance - viewLeft - layout.edgeDistance;
- } else {
- targetTextWidth = viewLeft + viewWidth - layout.edgeDistance - linePoints[2][0] - layout.labelDistance;
- }
- } else if (layout.labelAlignTo === 'labelLine') {
- if (label.x < cx) {
- targetTextWidth = leftmostX - viewLeft - layout.bleedMargin;
- } else {
- targetTextWidth = viewLeft + viewWidth - rightmostX - layout.bleedMargin;
- }
- } else {
- if (label.x < cx) {
- targetTextWidth = label.x - viewLeft - layout.bleedMargin;
- } else {
- targetTextWidth = viewLeft + viewWidth - label.x - layout.bleedMargin;
- }
- }
- layout.targetTextWidth = targetTextWidth;
- constrainTextWidth(layout, targetTextWidth);
- }
- }
- adjustSingleSide(rightList, cx, cy, r, 1, viewWidth, viewHeight, viewLeft, viewTop, rightmostX);
- adjustSingleSide(leftList, cx, cy, r, -1, viewWidth, viewHeight, viewLeft, viewTop, leftmostX);
- for (var i = 0; i < labelLayoutList.length; i++) {
- var layout = labelLayoutList[i];
- if (!isPositionCenter(layout) && layout.linePoints) {
- var label = layout.label;
- var linePoints = layout.linePoints;
- var isAlignToEdge = layout.labelAlignTo === 'edge';
- var padding = label.style.padding;
- var paddingH = padding ? padding[1] + padding[3] : 0;
- // textRect.width already contains paddingH if bgColor is set
- var extraPaddingH = label.style.backgroundColor ? 0 : paddingH;
- var realTextWidth = layout.rect.width + extraPaddingH;
- var dist = linePoints[1][0] - linePoints[2][0];
- if (isAlignToEdge) {
- if (label.x < cx) {
- linePoints[2][0] = viewLeft + layout.edgeDistance + realTextWidth + layout.labelDistance;
- } else {
- linePoints[2][0] = viewLeft + viewWidth - layout.edgeDistance - realTextWidth - layout.labelDistance;
- }
- } else {
- if (label.x < cx) {
- linePoints[2][0] = label.x + layout.labelDistance;
- } else {
- linePoints[2][0] = label.x - layout.labelDistance;
- }
- linePoints[1][0] = linePoints[2][0] + dist;
- }
- linePoints[1][1] = linePoints[2][1] = label.y;
- }
- }
- }
- /**
- * Set max width of each label, and then wrap each label to the max width.
- *
- * @param layout label layout
- * @param availableWidth max width for the label to display
- * @param forceRecalculate recaculate the text layout even if the current width
- * is smaller than `availableWidth`. This is useful when the text was previously
- * wrapped by calling `constrainTextWidth` but now `availableWidth` changed, in
- * which case, previous wrapping should be redo.
- */
- function constrainTextWidth(layout, availableWidth, forceRecalculate) {
- if (forceRecalculate === void 0) {
- forceRecalculate = false;
- }
- if (layout.labelStyleWidth != null) {
- // User-defined style.width has the highest priority.
- return;
- }
- var label = layout.label;
- var style = label.style;
- var textRect = layout.rect;
- var bgColor = style.backgroundColor;
- var padding = style.padding;
- var paddingH = padding ? padding[1] + padding[3] : 0;
- var overflow = style.overflow;
- // textRect.width already contains paddingH if bgColor is set
- var oldOuterWidth = textRect.width + (bgColor ? 0 : paddingH);
- if (availableWidth < oldOuterWidth || forceRecalculate) {
- var oldHeight = textRect.height;
- if (overflow && overflow.match('break')) {
- // Temporarily set background to be null to calculate
- // the bounding box without background.
- label.setStyle('backgroundColor', null);
- // Set constraining width
- label.setStyle('width', availableWidth - paddingH);
- // This is the real bounding box of the text without padding.
- var innerRect = label.getBoundingRect();
- label.setStyle('width', Math.ceil(innerRect.width));
- label.setStyle('backgroundColor', bgColor);
- } else {
- var availableInnerWidth = availableWidth - paddingH;
- var newWidth = availableWidth < oldOuterWidth
- // Current text is too wide, use `availableWidth` as max width.
- ? availableInnerWidth :
- // Current available width is enough, but the text may have
- // already been wrapped with a smaller available width.
- forceRecalculate ? availableInnerWidth > layout.unconstrainedWidth
- // Current available is larger than text width,
- // so don't constrain width (otherwise it may have
- // empty space in the background).
- ? null
- // Current available is smaller than text width, so
- // use the current available width as constraining
- // width.
- : availableInnerWidth
- // Current available width is enough, so no need to
- // constrain.
- : null;
- label.setStyle('width', newWidth);
- }
- var newRect = label.getBoundingRect();
- textRect.width = newRect.width;
- var margin = (label.style.margin || 0) + 2.1;
- textRect.height = newRect.height + margin;
- textRect.y -= (textRect.height - oldHeight) / 2;
- }
- }
- function isPositionCenter(sectorShape) {
- // Not change x for center label
- return sectorShape.position === 'center';
- }
- function pieLabelLayout(seriesModel) {
- var data = seriesModel.getData();
- var labelLayoutList = [];
- var cx;
- var cy;
- var hasLabelRotate = false;
- var minShowLabelRadian = (seriesModel.get('minShowLabelAngle') || 0) * RADIAN$1;
- var viewRect = data.getLayout('viewRect');
- var r = data.getLayout('r');
- var viewWidth = viewRect.width;
- var viewLeft = viewRect.x;
- var viewTop = viewRect.y;
- var viewHeight = viewRect.height;
- function setNotShow(el) {
- el.ignore = true;
- }
- function isLabelShown(label) {
- if (!label.ignore) {
- return true;
- }
- for (var key in label.states) {
- if (label.states[key].ignore === false) {
- return true;
- }
- }
- return false;
- }
- data.each(function (idx) {
- var sector = data.getItemGraphicEl(idx);
- var sectorShape = sector.shape;
- var label = sector.getTextContent();
- var labelLine = sector.getTextGuideLine();
- var itemModel = data.getItemModel(idx);
- var labelModel = itemModel.getModel('label');
- // Use position in normal or emphasis
- var labelPosition = labelModel.get('position') || itemModel.get(['emphasis', 'label', 'position']);
- var labelDistance = labelModel.get('distanceToLabelLine');
- var labelAlignTo = labelModel.get('alignTo');
- var edgeDistance = parsePercent$1(labelModel.get('edgeDistance'), viewWidth);
- var bleedMargin = labelModel.get('bleedMargin');
- var labelLineModel = itemModel.getModel('labelLine');
- var labelLineLen = labelLineModel.get('length');
- labelLineLen = parsePercent$1(labelLineLen, viewWidth);
- var labelLineLen2 = labelLineModel.get('length2');
- labelLineLen2 = parsePercent$1(labelLineLen2, viewWidth);
- if (Math.abs(sectorShape.endAngle - sectorShape.startAngle) < minShowLabelRadian) {
- each(label.states, setNotShow);
- label.ignore = true;
- if (labelLine) {
- each(labelLine.states, setNotShow);
- labelLine.ignore = true;
- }
- return;
- }
- if (!isLabelShown(label)) {
- return;
- }
- var midAngle = (sectorShape.startAngle + sectorShape.endAngle) / 2;
- var nx = Math.cos(midAngle);
- var ny = Math.sin(midAngle);
- var textX;
- var textY;
- var linePoints;
- var textAlign;
- cx = sectorShape.cx;
- cy = sectorShape.cy;
- var isLabelInside = labelPosition === 'inside' || labelPosition === 'inner';
- if (labelPosition === 'center') {
- textX = sectorShape.cx;
- textY = sectorShape.cy;
- textAlign = 'center';
- } else {
- var x1 = (isLabelInside ? (sectorShape.r + sectorShape.r0) / 2 * nx : sectorShape.r * nx) + cx;
- var y1 = (isLabelInside ? (sectorShape.r + sectorShape.r0) / 2 * ny : sectorShape.r * ny) + cy;
- textX = x1 + nx * 3;
- textY = y1 + ny * 3;
- if (!isLabelInside) {
- // For roseType
- var x2 = x1 + nx * (labelLineLen + r - sectorShape.r);
- var y2 = y1 + ny * (labelLineLen + r - sectorShape.r);
- var x3 = x2 + (nx < 0 ? -1 : 1) * labelLineLen2;
- var y3 = y2;
- if (labelAlignTo === 'edge') {
- // Adjust textX because text align of edge is opposite
- textX = nx < 0 ? viewLeft + edgeDistance : viewLeft + viewWidth - edgeDistance;
- } else {
- textX = x3 + (nx < 0 ? -labelDistance : labelDistance);
- }
- textY = y3;
- linePoints = [[x1, y1], [x2, y2], [x3, y3]];
- }
- textAlign = isLabelInside ? 'center' : labelAlignTo === 'edge' ? nx > 0 ? 'right' : 'left' : nx > 0 ? 'left' : 'right';
- }
- var PI = Math.PI;
- var labelRotate = 0;
- var rotate = labelModel.get('rotate');
- if (isNumber(rotate)) {
- labelRotate = rotate * (PI / 180);
- } else if (labelPosition === 'center') {
- labelRotate = 0;
- } else if (rotate === 'radial' || rotate === true) {
- var radialAngle = nx < 0 ? -midAngle + PI : -midAngle;
- labelRotate = radialAngle;
- } else if (rotate === 'tangential' && labelPosition !== 'outside' && labelPosition !== 'outer') {
- var rad = Math.atan2(nx, ny);
- if (rad < 0) {
- rad = PI * 2 + rad;
- }
- var isDown = ny > 0;
- if (isDown) {
- rad = PI + rad;
- }
- labelRotate = rad - PI;
- }
- hasLabelRotate = !!labelRotate;
- label.x = textX;
- label.y = textY;
- label.rotation = labelRotate;
- label.setStyle({
- verticalAlign: 'middle'
- });
- // Not sectorShape the inside label
- if (!isLabelInside) {
- var textRect = label.getBoundingRect().clone();
- textRect.applyTransform(label.getComputedTransform());
- // Text has a default 1px stroke. Exclude this.
- var margin = (label.style.margin || 0) + 2.1;
- textRect.y -= margin / 2;
- textRect.height += margin;
- labelLayoutList.push({
- label: label,
- labelLine: labelLine,
- position: labelPosition,
- len: labelLineLen,
- len2: labelLineLen2,
- minTurnAngle: labelLineModel.get('minTurnAngle'),
- maxSurfaceAngle: labelLineModel.get('maxSurfaceAngle'),
- surfaceNormal: new Point(nx, ny),
- linePoints: linePoints,
- textAlign: textAlign,
- labelDistance: labelDistance,
- labelAlignTo: labelAlignTo,
- edgeDistance: edgeDistance,
- bleedMargin: bleedMargin,
- rect: textRect,
- unconstrainedWidth: textRect.width,
- labelStyleWidth: label.style.width
- });
- } else {
- label.setStyle({
- align: textAlign
- });
- var selectState = label.states.select;
- if (selectState) {
- selectState.x += label.x;
- selectState.y += label.y;
- }
- }
- sector.setTextConfig({
- inside: isLabelInside
- });
- });
- if (!hasLabelRotate && seriesModel.get('avoidLabelOverlap')) {
- avoidOverlap(labelLayoutList, cx, cy, r, viewWidth, viewHeight, viewLeft, viewTop);
- }
- for (var i = 0; i < labelLayoutList.length; i++) {
- var layout = labelLayoutList[i];
- var label = layout.label;
- var labelLine = layout.labelLine;
- var notShowLabel = isNaN(label.x) || isNaN(label.y);
- if (label) {
- label.setStyle({
- align: layout.textAlign
- });
- if (notShowLabel) {
- each(label.states, setNotShow);
- label.ignore = true;
- }
- var selectState = label.states.select;
- if (selectState) {
- selectState.x += label.x;
- selectState.y += label.y;
- }
- }
- if (labelLine) {
- var linePoints = layout.linePoints;
- if (notShowLabel || !linePoints) {
- each(labelLine.states, setNotShow);
- labelLine.ignore = true;
- } else {
- limitTurnAngle(linePoints, layout.minTurnAngle);
- limitSurfaceAngle(linePoints, layout.surfaceNormal, layout.maxSurfaceAngle);
- labelLine.setShape({
- points: linePoints
- });
- // Set the anchor to the midpoint of sector
- label.__hostTarget.textGuideLineConfig = {
- anchor: new Point(linePoints[0][0], linePoints[0][1])
- };
- }
- }
- }
- }
-
- /**
- * Piece of pie including Sector, Label, LabelLine
- */
- var PiePiece = /** @class */function (_super) {
- __extends(PiePiece, _super);
- function PiePiece(data, idx, startAngle) {
- var _this = _super.call(this) || this;
- _this.z2 = 2;
- var text = new ZRText();
- _this.setTextContent(text);
- _this.updateData(data, idx, startAngle, true);
- return _this;
- }
- PiePiece.prototype.updateData = function (data, idx, startAngle, firstCreate) {
- var sector = this;
- var seriesModel = data.hostModel;
- var itemModel = data.getItemModel(idx);
- var emphasisModel = itemModel.getModel('emphasis');
- var layout = data.getItemLayout(idx);
- // cornerRadius & innerCornerRadius doesn't exist in the item layout. Use `0` if null value is specified.
- // see `setItemLayout` in `pieLayout.ts`.
- var sectorShape = extend(getSectorCornerRadius(itemModel.getModel('itemStyle'), layout, true), layout);
- // Ignore NaN data.
- if (isNaN(sectorShape.startAngle)) {
- // Use NaN shape to avoid drawing shape.
- sector.setShape(sectorShape);
- return;
- }
- if (firstCreate) {
- sector.setShape(sectorShape);
- var animationType = seriesModel.getShallow('animationType');
- if (seriesModel.ecModel.ssr) {
- // Use scale animation in SSR mode(opacity?)
- // Because CSS SVG animation doesn't support very customized shape animation.
- initProps(sector, {
- scaleX: 0,
- scaleY: 0
- }, seriesModel, {
- dataIndex: idx,
- isFrom: true
- });
- sector.originX = sectorShape.cx;
- sector.originY = sectorShape.cy;
- } else if (animationType === 'scale') {
- sector.shape.r = layout.r0;
- initProps(sector, {
- shape: {
- r: layout.r
- }
- }, seriesModel, idx);
- }
- // Expansion
- else {
- if (startAngle != null) {
- sector.setShape({
- startAngle: startAngle,
- endAngle: startAngle
- });
- initProps(sector, {
- shape: {
- startAngle: layout.startAngle,
- endAngle: layout.endAngle
- }
- }, seriesModel, idx);
- } else {
- sector.shape.endAngle = layout.startAngle;
- updateProps(sector, {
- shape: {
- endAngle: layout.endAngle
- }
- }, seriesModel, idx);
- }
- }
- } else {
- saveOldStyle(sector);
- // Transition animation from the old shape
- updateProps(sector, {
- shape: sectorShape
- }, seriesModel, idx);
- }
- sector.useStyle(data.getItemVisual(idx, 'style'));
- setStatesStylesFromModel(sector, itemModel);
- var midAngle = (layout.startAngle + layout.endAngle) / 2;
- var offset = seriesModel.get('selectedOffset');
- var dx = Math.cos(midAngle) * offset;
- var dy = Math.sin(midAngle) * offset;
- var cursorStyle = itemModel.getShallow('cursor');
- cursorStyle && sector.attr('cursor', cursorStyle);
- this._updateLabel(seriesModel, data, idx);
- sector.ensureState('emphasis').shape = extend({
- r: layout.r + (emphasisModel.get('scale') ? emphasisModel.get('scaleSize') || 0 : 0)
- }, getSectorCornerRadius(emphasisModel.getModel('itemStyle'), layout));
- extend(sector.ensureState('select'), {
- x: dx,
- y: dy,
- shape: getSectorCornerRadius(itemModel.getModel(['select', 'itemStyle']), layout)
- });
- extend(sector.ensureState('blur'), {
- shape: getSectorCornerRadius(itemModel.getModel(['blur', 'itemStyle']), layout)
- });
- var labelLine = sector.getTextGuideLine();
- var labelText = sector.getTextContent();
- labelLine && extend(labelLine.ensureState('select'), {
- x: dx,
- y: dy
- });
- // TODO: needs dx, dy in zrender?
- extend(labelText.ensureState('select'), {
- x: dx,
- y: dy
- });
- toggleHoverEmphasis(this, emphasisModel.get('focus'), emphasisModel.get('blurScope'), emphasisModel.get('disabled'));
- };
- PiePiece.prototype._updateLabel = function (seriesModel, data, idx) {
- var sector = this;
- var itemModel = data.getItemModel(idx);
- var labelLineModel = itemModel.getModel('labelLine');
- var style = data.getItemVisual(idx, 'style');
- var visualColor = style && style.fill;
- var visualOpacity = style && style.opacity;
- setLabelStyle(sector, getLabelStatesModels(itemModel), {
- labelFetcher: data.hostModel,
- labelDataIndex: idx,
- inheritColor: visualColor,
- defaultOpacity: visualOpacity,
- defaultText: seriesModel.getFormattedLabel(idx, 'normal') || data.getName(idx)
- });
- var labelText = sector.getTextContent();
- // Set textConfig on sector.
- sector.setTextConfig({
- // reset position, rotation
- position: null,
- rotation: null
- });
- // Make sure update style on labelText after setLabelStyle.
- // Because setLabelStyle will replace a new style on it.
- labelText.attr({
- z2: 10
- });
- var labelPosition = seriesModel.get(['label', 'position']);
- if (labelPosition !== 'outside' && labelPosition !== 'outer') {
- sector.removeTextGuideLine();
- } else {
- var polyline = this.getTextGuideLine();
- if (!polyline) {
- polyline = new Polyline();
- this.setTextGuideLine(polyline);
- }
- // Default use item visual color
- setLabelLineStyle(this, getLabelLineStatesModels(itemModel), {
- stroke: visualColor,
- opacity: retrieve3(labelLineModel.get(['lineStyle', 'opacity']), visualOpacity, 1)
- });
- }
- };
- return PiePiece;
- }(Sector);
- // Pie view
- var PieView = /** @class */function (_super) {
- __extends(PieView, _super);
- function PieView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.ignoreLabelLineUpdate = true;
- return _this;
- }
- PieView.prototype.render = function (seriesModel, ecModel, api, payload) {
- var data = seriesModel.getData();
- var oldData = this._data;
- var group = this.group;
- var startAngle;
- // First render
- if (!oldData && data.count() > 0) {
- var shape = data.getItemLayout(0);
- for (var s = 1; isNaN(shape && shape.startAngle) && s < data.count(); ++s) {
- shape = data.getItemLayout(s);
- }
- if (shape) {
- startAngle = shape.startAngle;
- }
- }
- // remove empty-circle if it exists
- if (this._emptyCircleSector) {
- group.remove(this._emptyCircleSector);
- }
- // when all data are filtered, show lightgray empty circle
- if (data.count() === 0 && seriesModel.get('showEmptyCircle')) {
- var sector = new Sector({
- shape: getBasicPieLayout(seriesModel, api)
- });
- sector.useStyle(seriesModel.getModel('emptyCircleStyle').getItemStyle());
- this._emptyCircleSector = sector;
- group.add(sector);
- }
- data.diff(oldData).add(function (idx) {
- var piePiece = new PiePiece(data, idx, startAngle);
- data.setItemGraphicEl(idx, piePiece);
- group.add(piePiece);
- }).update(function (newIdx, oldIdx) {
- var piePiece = oldData.getItemGraphicEl(oldIdx);
- piePiece.updateData(data, newIdx, startAngle);
- piePiece.off('click');
- group.add(piePiece);
- data.setItemGraphicEl(newIdx, piePiece);
- }).remove(function (idx) {
- var piePiece = oldData.getItemGraphicEl(idx);
- removeElementWithFadeOut(piePiece, seriesModel, idx);
- }).execute();
- pieLabelLayout(seriesModel);
- // Always use initial animation.
- if (seriesModel.get('animationTypeUpdate') !== 'expansion') {
- this._data = data;
- }
- };
- PieView.prototype.dispose = function () {};
- PieView.prototype.containPoint = function (point, seriesModel) {
- var data = seriesModel.getData();
- var itemLayout = data.getItemLayout(0);
- if (itemLayout) {
- var dx = point[0] - itemLayout.cx;
- var dy = point[1] - itemLayout.cy;
- var radius = Math.sqrt(dx * dx + dy * dy);
- return radius <= itemLayout.r && radius >= itemLayout.r0;
- }
- };
- PieView.type = 'pie';
- return PieView;
- }(ChartView);
-
- /**
- * [Usage]:
- * (1)
- * createListSimply(seriesModel, ['value']);
- * (2)
- * createListSimply(seriesModel, {
- * coordDimensions: ['value'],
- * dimensionsCount: 5
- * });
- */
- function createSeriesDataSimply(seriesModel, opt, nameList) {
- opt = isArray(opt) && {
- coordDimensions: opt
- } || extend({
- encodeDefine: seriesModel.getEncode()
- }, opt);
- var source = seriesModel.getSource();
- var dimensions = prepareSeriesDataSchema(source, opt).dimensions;
- var list = new SeriesData(dimensions, seriesModel);
- list.initData(source, nameList);
- return list;
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- /**
- * LegendVisualProvider is an bridge that pick encoded color from data and
- * provide to the legend component.
- */
- var LegendVisualProvider = /** @class */function () {
- function LegendVisualProvider(
- // Function to get data after filtered. It stores all the encoding info
- getDataWithEncodedVisual,
- // Function to get raw data before filtered.
- getRawData) {
- this._getDataWithEncodedVisual = getDataWithEncodedVisual;
- this._getRawData = getRawData;
- }
- LegendVisualProvider.prototype.getAllNames = function () {
- var rawData = this._getRawData();
- // We find the name from the raw data. In case it's filtered by the legend component.
- // Normally, the name can be found in rawData, but can't be found in filtered data will display as gray.
- return rawData.mapArray(rawData.getName);
- };
- LegendVisualProvider.prototype.containName = function (name) {
- var rawData = this._getRawData();
- return rawData.indexOfName(name) >= 0;
- };
- LegendVisualProvider.prototype.indexOfName = function (name) {
- // Only get data when necessary.
- // Because LegendVisualProvider constructor may be new in the stage that data is not prepared yet.
- // Invoking Series#getData immediately will throw an error.
- var dataWithEncodedVisual = this._getDataWithEncodedVisual();
- return dataWithEncodedVisual.indexOfName(name);
- };
- LegendVisualProvider.prototype.getItemVisual = function (dataIndex, key) {
- // Get encoded visual properties from final filtered data.
- var dataWithEncodedVisual = this._getDataWithEncodedVisual();
- return dataWithEncodedVisual.getItemVisual(dataIndex, key);
- };
- return LegendVisualProvider;
- }();
-
- var innerData = makeInner();
- var PieSeriesModel = /** @class */function (_super) {
- __extends(PieSeriesModel, _super);
- function PieSeriesModel() {
- return _super !== null && _super.apply(this, arguments) || this;
- }
- /**
- * @overwrite
- */
- PieSeriesModel.prototype.init = function (option) {
- _super.prototype.init.apply(this, arguments);
- // Enable legend selection for each data item
- // Use a function instead of direct access because data reference may changed
- this.legendVisualProvider = new LegendVisualProvider(bind(this.getData, this), bind(this.getRawData, this));
- this._defaultLabelLine(option);
- };
- /**
- * @overwrite
- */
- PieSeriesModel.prototype.mergeOption = function () {
- _super.prototype.mergeOption.apply(this, arguments);
- };
- /**
- * @overwrite
- */
- PieSeriesModel.prototype.getInitialData = function () {
- return createSeriesDataSimply(this, {
- coordDimensions: ['value'],
- encodeDefaulter: curry(makeSeriesEncodeForNameBased, this)
- });
- };
- /**
- * @overwrite
- */
- PieSeriesModel.prototype.getDataParams = function (dataIndex) {
- var data = this.getData();
- // update seats when data is changed
- var dataInner = innerData(data);
- var seats = dataInner.seats;
- if (!seats) {
- var valueList_1 = [];
- data.each(data.mapDimension('value'), function (value) {
- valueList_1.push(value);
- });
- seats = dataInner.seats = getPercentSeats(valueList_1, data.hostModel.get('percentPrecision'));
- }
- var params = _super.prototype.getDataParams.call(this, dataIndex);
- // seats may be empty when sum is 0
- params.percent = seats[dataIndex] || 0;
- params.$vars.push('percent');
- return params;
- };
- PieSeriesModel.prototype._defaultLabelLine = function (option) {
- // Extend labelLine emphasis
- defaultEmphasis(option, 'labelLine', ['show']);
- var labelLineNormalOpt = option.labelLine;
- var labelLineEmphasisOpt = option.emphasis.labelLine;
- // Not show label line if `label.normal.show = false`
- labelLineNormalOpt.show = labelLineNormalOpt.show && option.label.show;
- labelLineEmphasisOpt.show = labelLineEmphasisOpt.show && option.emphasis.label.show;
- };
- PieSeriesModel.type = 'series.pie';
- PieSeriesModel.defaultOption = {
- // zlevel: 0,
- z: 2,
- legendHoverLink: true,
- colorBy: 'data',
- // 默认全局居中
- center: ['50%', '50%'],
- radius: [0, '75%'],
- // 默认顺时针
- clockwise: true,
- startAngle: 90,
- endAngle: 'auto',
- padAngle: 0,
- // 最小角度改为0
- minAngle: 0,
- // If the angle of a sector less than `minShowLabelAngle`,
- // the label will not be displayed.
- minShowLabelAngle: 0,
- // 选中时扇区偏移量
- selectedOffset: 10,
- // 选择模式，默认关闭，可选single，multiple
- // selectedMode: false,
- // 南丁格尔玫瑰图模式，'radius'（半径） | 'area'（面积）
- // roseType: null,
- percentPrecision: 2,
- // If still show when all data zero.
- stillShowZeroSum: true,
- // cursor: null,
- left: 0,
- top: 0,
- right: 0,
- bottom: 0,
- width: null,
- height: null,
- label: {
- // color: 'inherit',
- // If rotate around circle
- rotate: 0,
- show: true,
- overflow: 'truncate',
- // 'outer', 'inside', 'center'
- position: 'outer',
- // 'none', 'labelLine', 'edge'. Works only when position is 'outer'
- alignTo: 'none',
- // Closest distance between label and chart edge.
- // Works only position is 'outer' and alignTo is 'edge'.
- edgeDistance: '25%',
- // Works only position is 'outer' and alignTo is not 'edge'.
- bleedMargin: 10,
- // Distance between text and label line.
- distanceToLabelLine: 5
- // formatter: 标签文本格式器，同 tooltip.formatter，不支持异步回调
- // 默认使用全局文本样式，详见 textStyle
- // distance: 当position为inner时有效，为label位置到圆心的距离与圆半径(环状图为内外半径和)的比例系数
- },
-
- // Enabled when label.normal.position is 'outer'
- labelLine: {
- show: true,
- // 引导线两段中的第一段长度
- length: 15,
- // 引导线两段中的第二段长度
- length2: 15,
- smooth: false,
- minTurnAngle: 90,
- maxSurfaceAngle: 90,
- lineStyle: {
- // color: 各异,
- width: 1,
- type: 'solid'
- }
- },
- itemStyle: {
- borderWidth: 1,
- borderJoin: 'round'
- },
- showEmptyCircle: true,
- emptyCircleStyle: {
- color: 'lightgray',
- opacity: 1
- },
- labelLayout: {
- // Hide the overlapped label.
- hideOverlap: true
- },
- emphasis: {
- scale: true,
- scaleSize: 5
- },
- // If use strategy to avoid label overlapping
- avoidLabelOverlap: true,
- // Animation type. Valid values: expansion, scale
- animationType: 'expansion',
- animationDuration: 1000,
- // Animation type when update. Valid values: transition, expansion
- animationTypeUpdate: 'transition',
- animationEasingUpdate: 'cubicInOut',
- animationDurationUpdate: 500,
- animationEasing: 'cubicInOut'
- };
- return PieSeriesModel;
- }(SeriesModel);
-
- function negativeDataFilter(seriesType) {
- return {
- seriesType: seriesType,
- reset: function (seriesModel, ecModel) {
- var data = seriesModel.getData();
- data.filterSelf(function (idx) {
- // handle negative value condition
- var valueDim = data.mapDimension('value');
- var curValue = data.get(valueDim, idx);
- if (isNumber(curValue) && !isNaN(curValue) && curValue < 0) {
- return false;
- }
- return true;
- });
- }
- };
- }
-
- function install$4(registers) {
- registers.registerChartView(PieView);
- registers.registerSeriesModel(PieSeriesModel);
- createLegacyDataSelectAction('pie', registers.registerAction);
- registers.registerLayout(curry(pieLayout, 'pie'));
- registers.registerProcessor(dataFilter('pie'));
- registers.registerProcessor(negativeDataFilter('pie'));
- }
-
- var ScatterSeriesModel = /** @class */function (_super) {
- __extends(ScatterSeriesModel, _super);
- function ScatterSeriesModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = ScatterSeriesModel.type;
- _this.hasSymbolVisual = true;
- return _this;
- }
- ScatterSeriesModel.prototype.getInitialData = function (option, ecModel) {
- return createSeriesData(null, this, {
- useEncodeDefaulter: true
- });
- };
- ScatterSeriesModel.prototype.getProgressive = function () {
- var progressive = this.option.progressive;
- if (progressive == null) {
- // PENDING
- return this.option.large ? 5e3 : this.get('progressive');
- }
- return progressive;
- };
- ScatterSeriesModel.prototype.getProgressiveThreshold = function () {
- var progressiveThreshold = this.option.progressiveThreshold;
- if (progressiveThreshold == null) {
- // PENDING
- return this.option.large ? 1e4 : this.get('progressiveThreshold');
- }
- return progressiveThreshold;
- };
- ScatterSeriesModel.prototype.brushSelector = function (dataIndex, data, selectors) {
- return selectors.point(data.getItemLayout(dataIndex));
- };
- ScatterSeriesModel.prototype.getZLevelKey = function () {
- // Each progressive series has individual key.
- return this.getData().count() > this.getProgressiveThreshold() ? this.id : '';
- };
- ScatterSeriesModel.type = 'series.scatter';
- ScatterSeriesModel.dependencies = ['grid', 'polar', 'geo', 'singleAxis', 'calendar'];
- ScatterSeriesModel.defaultOption = {
- coordinateSystem: 'cartesian2d',
- // zlevel: 0,
- z: 2,
- legendHoverLink: true,
- symbolSize: 10,
- // symbolRotate: null, // 图形旋转控制
- large: false,
- // Available when large is true
- largeThreshold: 2000,
- // cursor: null,
- itemStyle: {
- opacity: 0.8
- // color: 各异
- },
-
- emphasis: {
- scale: true
- },
- // If clip the overflow graphics
- // Works on cartesian / polar series
- clip: true,
- select: {
- itemStyle: {
- borderColor: '#212121'
- }
- },
- universalTransition: {
- divideShape: 'clone'
- }
- // progressive: null
- };
-
- return ScatterSeriesModel;
- }(SeriesModel);
-
- var BOOST_SIZE_THRESHOLD = 4;
- var LargeSymbolPathShape = /** @class */function () {
- function LargeSymbolPathShape() {}
- return LargeSymbolPathShape;
- }();
- var LargeSymbolPath = /** @class */function (_super) {
- __extends(LargeSymbolPath, _super);
- function LargeSymbolPath(opts) {
- var _this = _super.call(this, opts) || this;
- _this._off = 0;
- _this.hoverDataIdx = -1;
- return _this;
- }
- LargeSymbolPath.prototype.getDefaultShape = function () {
- return new LargeSymbolPathShape();
- };
- LargeSymbolPath.prototype.reset = function () {
- this.notClear = false;
- this._off = 0;
- };
- LargeSymbolPath.prototype.buildPath = function (path, shape) {
- var points = shape.points;
- var size = shape.size;
- var symbolProxy = this.symbolProxy;
- var symbolProxyShape = symbolProxy.shape;
- var ctx = path.getContext ? path.getContext() : path;
- var canBoost = ctx && size[0] < BOOST_SIZE_THRESHOLD;
- var softClipShape = this.softClipShape;
- var i;
- // Do draw in afterBrush.
- if (canBoost) {
- this._ctx = ctx;
- return;
- }
- this._ctx = null;
- for (i = this._off; i < points.length;) {
- var x = points[i++];
- var y = points[i++];
- if (isNaN(x) || isNaN(y)) {
- continue;
- }
- if (softClipShape && !softClipShape.contain(x, y)) {
- continue;
- }
- symbolProxyShape.x = x - size[0] / 2;
- symbolProxyShape.y = y - size[1] / 2;
- symbolProxyShape.width = size[0];
- symbolProxyShape.height = size[1];
- symbolProxy.buildPath(path, symbolProxyShape, true);
- }
- if (this.incremental) {
- this._off = i;
- this.notClear = true;
- }
- };
- LargeSymbolPath.prototype.afterBrush = function () {
- var shape = this.shape;
- var points = shape.points;
- var size = shape.size;
- var ctx = this._ctx;
- var softClipShape = this.softClipShape;
- var i;
- if (!ctx) {
- return;
- }
- // PENDING If style or other canvas status changed?
- for (i = this._off; i < points.length;) {
- var x = points[i++];
- var y = points[i++];
- if (isNaN(x) || isNaN(y)) {
- continue;
- }
- if (softClipShape && !softClipShape.contain(x, y)) {
- continue;
- }
- // fillRect is faster than building a rect path and draw.
- // And it support light globalCompositeOperation.
- ctx.fillRect(x - size[0] / 2, y - size[1] / 2, size[0], size[1]);
- }
- if (this.incremental) {
- this._off = i;
- this.notClear = true;
- }
- };
- LargeSymbolPath.prototype.findDataIndex = function (x, y) {
- // TODO ???
- // Consider transform
- var shape = this.shape;
- var points = shape.points;
- var size = shape.size;
- var w = Math.max(size[0], 4);
- var h = Math.max(size[1], 4);
- // Not consider transform
- // Treat each element as a rect
- // top down traverse
- for (var idx = points.length / 2 - 1; idx >= 0; idx--) {
- var i = idx * 2;
- var x0 = points[i] - w / 2;
- var y0 = points[i + 1] - h / 2;
- if (x >= x0 && y >= y0 && x <= x0 + w && y <= y0 + h) {
- return idx;
- }
- }
- return -1;
- };
- LargeSymbolPath.prototype.contain = function (x, y) {
- var localPos = this.transformCoordToLocal(x, y);
- var rect = this.getBoundingRect();
- x = localPos[0];
- y = localPos[1];
- if (rect.contain(x, y)) {
- // Cache found data index.
- var dataIdx = this.hoverDataIdx = this.findDataIndex(x, y);
- return dataIdx >= 0;
- }
- this.hoverDataIdx = -1;
- return false;
- };
- LargeSymbolPath.prototype.getBoundingRect = function () {
- // Ignore stroke for large symbol draw.
- var rect = this._rect;
- if (!rect) {
- var shape = this.shape;
- var points = shape.points;
- var size = shape.size;
- var w = size[0];
- var h = size[1];
- var minX = Infinity;
- var minY = Infinity;
- var maxX = -Infinity;
- var maxY = -Infinity;
- for (var i = 0; i < points.length;) {
- var x = points[i++];
- var y = points[i++];
- minX = Math.min(x, minX);
- maxX = Math.max(x, maxX);
- minY = Math.min(y, minY);
- maxY = Math.max(y, maxY);
- }
- rect = this._rect = new BoundingRect(minX - w / 2, minY - h / 2, maxX - minX + w, maxY - minY + h);
- }
- return rect;
- };
- return LargeSymbolPath;
- }(Path);
- var LargeSymbolDraw = /** @class */function () {
- function LargeSymbolDraw() {
- this.group = new Group();
- }
- /**
- * Update symbols draw by new data
- */
- LargeSymbolDraw.prototype.updateData = function (data, opt) {
- this._clear();
- var symbolEl = this._create();
- symbolEl.setShape({
- points: data.getLayout('points')
- });
- this._setCommon(symbolEl, data, opt);
- };
- LargeSymbolDraw.prototype.updateLayout = function (data) {
- var points = data.getLayout('points');
- this.group.eachChild(function (child) {
- if (child.startIndex != null) {
- var len = (child.endIndex - child.startIndex) * 2;
- var byteOffset = child.startIndex * 4 * 2;
- points = new Float32Array(points.buffer, byteOffset, len);
- }
- child.setShape('points', points);
- // Reset draw cursor.
- child.reset();
- });
- };
- LargeSymbolDraw.prototype.incrementalPrepareUpdate = function (data) {
- this._clear();
- };
- LargeSymbolDraw.prototype.incrementalUpdate = function (taskParams, data, opt) {
- var lastAdded = this._newAdded[0];
- var points = data.getLayout('points');
- var oldPoints = lastAdded && lastAdded.shape.points;
- // Merging the exists. Each element has 1e4 points.
- // Consider the performance balance between too much elements and too much points in one shape(may affect hover optimization)
- if (oldPoints && oldPoints.length < 2e4) {
- var oldLen = oldPoints.length;
- var newPoints = new Float32Array(oldLen + points.length);
- // Concat two array
- newPoints.set(oldPoints);
- newPoints.set(points, oldLen);
- // Update endIndex
- lastAdded.endIndex = taskParams.end;
- lastAdded.setShape({
- points: newPoints
- });
- } else {
- // Clear
- this._newAdded = [];
- var symbolEl = this._create();
- symbolEl.startIndex = taskParams.start;
- symbolEl.endIndex = taskParams.end;
- symbolEl.incremental = true;
- symbolEl.setShape({
- points: points
- });
- this._setCommon(symbolEl, data, opt);
- }
- };
- LargeSymbolDraw.prototype.eachRendered = function (cb) {
- this._newAdded[0] && cb(this._newAdded[0]);
- };
- LargeSymbolDraw.prototype._create = function () {
- var symbolEl = new LargeSymbolPath({
- cursor: 'default'
- });
- symbolEl.ignoreCoarsePointer = true;
- this.group.add(symbolEl);
- this._newAdded.push(symbolEl);
- return symbolEl;
- };
- LargeSymbolDraw.prototype._setCommon = function (symbolEl, data, opt) {
- var hostModel = data.hostModel;
- opt = opt || {};
- var size = data.getVisual('symbolSize');
- symbolEl.setShape('size', size instanceof Array ? size : [size, size]);
- symbolEl.softClipShape = opt.clipShape || null;
- // Create symbolProxy to build path for each data
- symbolEl.symbolProxy = createSymbol(data.getVisual('symbol'), 0, 0, 0, 0);
- // Use symbolProxy setColor method
- symbolEl.setColor = symbolEl.symbolProxy.setColor;
- var extrudeShadow = symbolEl.shape.size[0] < BOOST_SIZE_THRESHOLD;
- symbolEl.useStyle(
- // Draw shadow when doing fillRect is extremely slow.
- hostModel.getModel('itemStyle').getItemStyle(extrudeShadow ? ['color', 'shadowBlur', 'shadowColor'] : ['color']));
- var globalStyle = data.getVisual('style');
- var visualColor = globalStyle && globalStyle.fill;
- if (visualColor) {
- symbolEl.setColor(visualColor);
- }
- var ecData = getECData(symbolEl);
- // Enable tooltip
- // PENDING May have performance issue when path is extremely large
- ecData.seriesIndex = hostModel.seriesIndex;
- symbolEl.on('mousemove', function (e) {
- ecData.dataIndex = null;
- var dataIndex = symbolEl.hoverDataIdx;
- if (dataIndex >= 0) {
- // Provide dataIndex for tooltip
- ecData.dataIndex = dataIndex + (symbolEl.startIndex || 0);
- }
- });
- };
- LargeSymbolDraw.prototype.remove = function () {
- this._clear();
- };
- LargeSymbolDraw.prototype._clear = function () {
- this._newAdded = [];
- this.group.removeAll();
- };
- return LargeSymbolDraw;
- }();
-
- var ScatterView = /** @class */function (_super) {
- __extends(ScatterView, _super);
- function ScatterView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = ScatterView.type;
- return _this;
- }
- ScatterView.prototype.render = function (seriesModel, ecModel, api) {
- var data = seriesModel.getData();
- var symbolDraw = this._updateSymbolDraw(data, seriesModel);
- symbolDraw.updateData(data, {
- // TODO
- // If this parameter should be a shape or a bounding volume
- // shape will be more general.
- // But bounding volume like bounding rect will be much faster in the contain calculation
- clipShape: this._getClipShape(seriesModel)
- });
- this._finished = true;
- };
- ScatterView.prototype.incrementalPrepareRender = function (seriesModel, ecModel, api) {
- var data = seriesModel.getData();
- var symbolDraw = this._updateSymbolDraw(data, seriesModel);
- symbolDraw.incrementalPrepareUpdate(data);
- this._finished = false;
- };
- ScatterView.prototype.incrementalRender = function (taskParams, seriesModel, ecModel) {
- this._symbolDraw.incrementalUpdate(taskParams, seriesModel.getData(), {
- clipShape: this._getClipShape(seriesModel)
- });
- this._finished = taskParams.end === seriesModel.getData().count();
- };
- ScatterView.prototype.updateTransform = function (seriesModel, ecModel, api) {
- var data = seriesModel.getData();
- // Must mark group dirty and make sure the incremental layer will be cleared
- // PENDING
- this.group.dirty();
- if (!this._finished || data.count() > 1e4) {
- return {
- update: true
- };
- } else {
- var res = pointsLayout('').reset(seriesModel, ecModel, api);
- if (res.progress) {
- res.progress({
- start: 0,
- end: data.count(),
- count: data.count()
- }, data);
- }
- this._symbolDraw.updateLayout(data);
- }
- };
- ScatterView.prototype.eachRendered = function (cb) {
- this._symbolDraw && this._symbolDraw.eachRendered(cb);
- };
- ScatterView.prototype._getClipShape = function (seriesModel) {
- if (!seriesModel.get('clip', true)) {
- return;
- }
- var coordSys = seriesModel.coordinateSystem;
- // PENDING make `0.1` configurable, for example, `clipTolerance`?
- return coordSys && coordSys.getArea && coordSys.getArea(.1);
- };
- ScatterView.prototype._updateSymbolDraw = function (data, seriesModel) {
- var symbolDraw = this._symbolDraw;
- var pipelineContext = seriesModel.pipelineContext;
- var isLargeDraw = pipelineContext.large;
- if (!symbolDraw || isLargeDraw !== this._isLargeDraw) {
- symbolDraw && symbolDraw.remove();
- symbolDraw = this._symbolDraw = isLargeDraw ? new LargeSymbolDraw() : new SymbolDraw();
- this._isLargeDraw = isLargeDraw;
- this.group.removeAll();
- }
- this.group.add(symbolDraw.group);
- return symbolDraw;
- };
- ScatterView.prototype.remove = function (ecModel, api) {
- this._symbolDraw && this._symbolDraw.remove(true);
- this._symbolDraw = null;
- };
- ScatterView.prototype.dispose = function () {};
- ScatterView.type = 'scatter';
- return ScatterView;
- }(ChartView);
-
- var GridModel = /** @class */function (_super) {
- __extends(GridModel, _super);
- function GridModel() {
- return _super !== null && _super.apply(this, arguments) || this;
- }
- GridModel.type = 'grid';
- GridModel.dependencies = ['xAxis', 'yAxis'];
- GridModel.layoutMode = 'box';
- GridModel.defaultOption = {
- show: false,
- // zlevel: 0,
- z: 0,
- left: '10%',
- top: 60,
- right: '10%',
- bottom: 70,
- // If grid size contain label
- containLabel: false,
- // width: {totalWidth} - left - right,
- // height: {totalHeight} - top - bottom,
- backgroundColor: 'rgba(0,0,0,0)',
- borderWidth: 1,
- borderColor: '#ccc'
- };
- return GridModel;
- }(ComponentModel);
-
- var CartesianAxisModel = /** @class */function (_super) {
- __extends(CartesianAxisModel, _super);
- function CartesianAxisModel() {
- return _super !== null && _super.apply(this, arguments) || this;
- }
- CartesianAxisModel.prototype.getCoordSysModel = function () {
- return this.getReferringComponents('grid', SINGLE_REFERRING).models[0];
- };
- CartesianAxisModel.type = 'cartesian2dAxis';
- return CartesianAxisModel;
- }(ComponentModel);
- mixin(CartesianAxisModel, AxisModelCommonMixin);
-
- var defaultOption = {
- show: true,
- // zlevel: 0,
- z: 0,
- // Inverse the axis.
- inverse: false,
- // Axis name displayed.
- name: '',
- // 'start' | 'middle' | 'end'
- nameLocation: 'end',
- // By degree. By default auto rotate by nameLocation.
- nameRotate: null,
- nameTruncate: {
- maxWidth: null,
- ellipsis: '...',
- placeholder: '.'
- },
- // Use global text style by default.
- nameTextStyle: {},
- // The gap between axisName and axisLine.
- nameGap: 15,
- // Default `false` to support tooltip.
- silent: false,
- // Default `false` to avoid legacy user event listener fail.
- triggerEvent: false,
- tooltip: {
- show: false
- },
- axisPointer: {},
- axisLine: {
- show: true,
- onZero: true,
- onZeroAxisIndex: null,
- lineStyle: {
- color: '#6E7079',
- width: 1,
- type: 'solid'
- },
- // The arrow at both ends the the axis.
- symbol: ['none', 'none'],
- symbolSize: [10, 15]
- },
- axisTick: {
- show: true,
- // Whether axisTick is inside the grid or outside the grid.
- inside: false,
- // The length of axisTick.
- length: 5,
- lineStyle: {
- width: 1
- }
- },
- axisLabel: {
- show: true,
- // Whether axisLabel is inside the grid or outside the grid.
- inside: false,
- rotate: 0,
- // true | false | null/undefined (auto)
- showMinLabel: null,
- // true | false | null/undefined (auto)
- showMaxLabel: null,
- margin: 8,
- // formatter: null,
- fontSize: 12
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: ['#E0E6F1'],
- width: 1,
- type: 'solid'
- }
- },
- splitArea: {
- show: false,
- areaStyle: {
- color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)']
- }
- }
- };
- var categoryAxis = merge({
- // The gap at both ends of the axis. For categoryAxis, boolean.
- boundaryGap: true,
- // Set false to faster category collection.
- deduplication: null,
- // splitArea: {
- // show: false
- // },
- splitLine: {
- show: false
- },
- axisTick: {
- // If tick is align with label when boundaryGap is true
- alignWithLabel: false,
- interval: 'auto'
- },
- axisLabel: {
- interval: 'auto'
- }
- }, defaultOption);
- var valueAxis = merge({
- boundaryGap: [0, 0],
- axisLine: {
- // Not shown when other axis is categoryAxis in cartesian
- show: 'auto'
- },
- axisTick: {
- // Not shown when other axis is categoryAxis in cartesian
- show: 'auto'
- },
- // TODO
- // min/max: [30, datamin, 60] or [20, datamin] or [datamin, 60]
- splitNumber: 5,
- minorTick: {
- // Minor tick, not available for cateogry axis.
- show: false,
- // Split number of minor ticks. The value should be in range of (0, 100)
- splitNumber: 5,
- // Length of minor tick
- length: 3,
- // Line style
- lineStyle: {
- // Default to be same with axisTick
- }
- },
- minorSplitLine: {
- show: false,
- lineStyle: {
- color: '#F4F7FD',
- width: 1
- }
- }
- }, defaultOption);
- var timeAxis = merge({
- splitNumber: 6,
- axisLabel: {
- // To eliminate labels that are not nice
- showMinLabel: false,
- showMaxLabel: false,
- rich: {
- primary: {
- fontWeight: 'bold'
- }
- }
- },
- splitLine: {
- show: false
- }
- }, valueAxis);
- var logAxis = defaults({
- logBase: 10
- }, valueAxis);
- var axisDefault = {
- category: categoryAxis,
- value: valueAxis,
- time: timeAxis,
- log: logAxis
- };
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- var AXIS_TYPES = {
- value: 1,
- category: 1,
- time: 1,
- log: 1
- };
-
- /**
- * Generate sub axis model class
- * @param axisName 'x' 'y' 'radius' 'angle' 'parallel' ...
- */
- function axisModelCreator(registers, axisName, BaseAxisModelClass, extraDefaultOption) {
- each(AXIS_TYPES, function (v, axisType) {
- var defaultOption = merge(merge({}, axisDefault[axisType], true), extraDefaultOption, true);
- var AxisModel = /** @class */function (_super) {
- __extends(AxisModel, _super);
- function AxisModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = axisName + 'Axis.' + axisType;
- return _this;
- }
- AxisModel.prototype.mergeDefaultAndTheme = function (option, ecModel) {
- var layoutMode = fetchLayoutMode(this);
- var inputPositionParams = layoutMode ? getLayoutParams(option) : {};
- var themeModel = ecModel.getTheme();
- merge(option, themeModel.get(axisType + 'Axis'));
- merge(option, this.getDefaultOption());
- option.type = getAxisType(option);
- if (layoutMode) {
- mergeLayoutParam(option, inputPositionParams, layoutMode);
- }
- };
- AxisModel.prototype.optionUpdated = function () {
- var thisOption = this.option;
- if (thisOption.type === 'category') {
- this.__ordinalMeta = OrdinalMeta.createByAxisModel(this);
- }
- };
- /**
- * Should not be called before all of 'getInitailData' finished.
- * Because categories are collected during initializing data.
- */
- AxisModel.prototype.getCategories = function (rawData) {
- var option = this.option;
- // FIXME
- // warning if called before all of 'getInitailData' finished.
- if (option.type === 'category') {
- if (rawData) {
- return option.data;
- }
- return this.__ordinalMeta.categories;
- }
- };
- AxisModel.prototype.getOrdinalMeta = function () {
- return this.__ordinalMeta;
- };
- AxisModel.type = axisName + 'Axis.' + axisType;
- AxisModel.defaultOption = defaultOption;
- return AxisModel;
- }(BaseAxisModelClass);
- registers.registerComponentModel(AxisModel);
- });
- registers.registerSubTypeDefaulter(axisName + 'Axis', getAxisType);
- }
- function getAxisType(option) {
- // Default axis with data is category axis
- return option.type || (option.data ? 'category' : 'value');
- }
-
- var Cartesian = /** @class */function () {
- function Cartesian(name) {
- this.type = 'cartesian';
- this._dimList = [];
- this._axes = {};
- this.name = name || '';
- }
- Cartesian.prototype.getAxis = function (dim) {
- return this._axes[dim];
- };
- Cartesian.prototype.getAxes = function () {
- return map(this._dimList, function (dim) {
- return this._axes[dim];
- }, this);
- };
- Cartesian.prototype.getAxesByScale = function (scaleType) {
- scaleType = scaleType.toLowerCase();
- return filter(this.getAxes(), function (axis) {
- return axis.scale.type === scaleType;
- });
- };
- Cartesian.prototype.addAxis = function (axis) {
- var dim = axis.dim;
- this._axes[dim] = axis;
- this._dimList.push(dim);
- };
- return Cartesian;
- }();
-
- var cartesian2DDimensions = ['x', 'y'];
- function canCalculateAffineTransform(scale) {
- return scale.type === 'interval' || scale.type === 'time';
- }
- var Cartesian2D = /** @class */function (_super) {
- __extends(Cartesian2D, _super);
- function Cartesian2D() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = 'cartesian2d';
- _this.dimensions = cartesian2DDimensions;
- return _this;
- }
- /**
- * Calculate an affine transform matrix if two axes are time or value.
- * It's mainly for accelartion on the large time series data.
- */
- Cartesian2D.prototype.calcAffineTransform = function () {
- this._transform = this._invTransform = null;
- var xAxisScale = this.getAxis('x').scale;
- var yAxisScale = this.getAxis('y').scale;
- if (!canCalculateAffineTransform(xAxisScale) || !canCalculateAffineTransform(yAxisScale)) {
- return;
- }
- var xScaleExtent = xAxisScale.getExtent();
- var yScaleExtent = yAxisScale.getExtent();
- var start = this.dataToPoint([xScaleExtent[0], yScaleExtent[0]]);
- var end = this.dataToPoint([xScaleExtent[1], yScaleExtent[1]]);
- var xScaleSpan = xScaleExtent[1] - xScaleExtent[0];
- var yScaleSpan = yScaleExtent[1] - yScaleExtent[0];
- if (!xScaleSpan || !yScaleSpan) {
- return;
- }
- // Accelerate data to point calculation on the special large time series data.
- var scaleX = (end[0] - start[0]) / xScaleSpan;
- var scaleY = (end[1] - start[1]) / yScaleSpan;
- var translateX = start[0] - xScaleExtent[0] * scaleX;
- var translateY = start[1] - yScaleExtent[0] * scaleY;
- var m = this._transform = [scaleX, 0, 0, scaleY, translateX, translateY];
- this._invTransform = invert([], m);
- };
- /**
- * Base axis will be used on stacking.
- */
- Cartesian2D.prototype.getBaseAxis = function () {
- return this.getAxesByScale('ordinal')[0] || this.getAxesByScale('time')[0] || this.getAxis('x');
- };
- Cartesian2D.prototype.containPoint = function (point) {
- var axisX = this.getAxis('x');
- var axisY = this.getAxis('y');
- return axisX.contain(axisX.toLocalCoord(point[0])) && axisY.contain(axisY.toLocalCoord(point[1]));
- };
- Cartesian2D.prototype.containData = function (data) {
- return this.getAxis('x').containData(data[0]) && this.getAxis('y').containData(data[1]);
- };
- Cartesian2D.prototype.containZone = function (data1, data2) {
- var zoneDiag1 = this.dataToPoint(data1);
- var zoneDiag2 = this.dataToPoint(data2);
- var area = this.getArea();
- var zone = new BoundingRect(zoneDiag1[0], zoneDiag1[1], zoneDiag2[0] - zoneDiag1[0], zoneDiag2[1] - zoneDiag1[1]);
- return area.intersect(zone);
- };
- Cartesian2D.prototype.dataToPoint = function (data, clamp, out) {
- out = out || [];
- var xVal = data[0];
- var yVal = data[1];
- // Fast path
- if (this._transform
- // It's supported that if data is like `[Inifity, 123]`, where only Y pixel calculated.
- && xVal != null && isFinite(xVal) && yVal != null && isFinite(yVal)) {
- return applyTransform(out, data, this._transform);
- }
- var xAxis = this.getAxis('x');
- var yAxis = this.getAxis('y');
- out[0] = xAxis.toGlobalCoord(xAxis.dataToCoord(xVal, clamp));
- out[1] = yAxis.toGlobalCoord(yAxis.dataToCoord(yVal, clamp));
- return out;
- };
- Cartesian2D.prototype.clampData = function (data, out) {
- var xScale = this.getAxis('x').scale;
- var yScale = this.getAxis('y').scale;
- var xAxisExtent = xScale.getExtent();
- var yAxisExtent = yScale.getExtent();
- var x = xScale.parse(data[0]);
- var y = yScale.parse(data[1]);
- out = out || [];
- out[0] = Math.min(Math.max(Math.min(xAxisExtent[0], xAxisExtent[1]), x), Math.max(xAxisExtent[0], xAxisExtent[1]));
- out[1] = Math.min(Math.max(Math.min(yAxisExtent[0], yAxisExtent[1]), y), Math.max(yAxisExtent[0], yAxisExtent[1]));
- return out;
- };
- Cartesian2D.prototype.pointToData = function (point, clamp) {
- var out = [];
- if (this._invTransform) {
- return applyTransform(out, point, this._invTransform);
- }
- var xAxis = this.getAxis('x');
- var yAxis = this.getAxis('y');
- out[0] = xAxis.coordToData(xAxis.toLocalCoord(point[0]), clamp);
- out[1] = yAxis.coordToData(yAxis.toLocalCoord(point[1]), clamp);
- return out;
- };
- Cartesian2D.prototype.getOtherAxis = function (axis) {
- return this.getAxis(axis.dim === 'x' ? 'y' : 'x');
- };
- /**
- * Get rect area of cartesian.
- * Area will have a contain function to determine if a point is in the coordinate system.
- */
- Cartesian2D.prototype.getArea = function (tolerance) {
- tolerance = tolerance || 0;
- var xExtent = this.getAxis('x').getGlobalExtent();
- var yExtent = this.getAxis('y').getGlobalExtent();
- var x = Math.min(xExtent[0], xExtent[1]) - tolerance;
- var y = Math.min(yExtent[0], yExtent[1]) - tolerance;
- var width = Math.max(xExtent[0], xExtent[1]) - x + tolerance;
- var height = Math.max(yExtent[0], yExtent[1]) - y + tolerance;
- return new BoundingRect(x, y, width, height);
- };
- return Cartesian2D;
- }(Cartesian);
-
- var Axis2D = /** @class */function (_super) {
- __extends(Axis2D, _super);
- function Axis2D(dim, scale, coordExtent, axisType, position) {
- var _this = _super.call(this, dim, scale, coordExtent) || this;
- /**
- * Index of axis, can be used as key
- * Injected outside.
- */
- _this.index = 0;
- _this.type = axisType || 'value';
- _this.position = position || 'bottom';
- return _this;
- }
- Axis2D.prototype.isHorizontal = function () {
- var position = this.position;
- return position === 'top' || position === 'bottom';
- };
- /**
- * Each item cooresponds to this.getExtent(), which
- * means globalExtent[0] may greater than globalExtent[1],
- * unless `asc` is input.
- *
- * @param {boolean} [asc]
- * @return {Array.}
- */
- Axis2D.prototype.getGlobalExtent = function (asc) {
- var ret = this.getExtent();
- ret[0] = this.toGlobalCoord(ret[0]);
- ret[1] = this.toGlobalCoord(ret[1]);
- asc && ret[0] > ret[1] && ret.reverse();
- return ret;
- };
- Axis2D.prototype.pointToData = function (point, clamp) {
- return this.coordToData(this.toLocalCoord(point[this.dim === 'x' ? 0 : 1]), clamp);
- };
- /**
- * Set ordinalSortInfo
- * @param info new OrdinalSortInfo
- */
- Axis2D.prototype.setCategorySortInfo = function (info) {
- if (this.type !== 'category') {
- return false;
- }
- this.model.option.categorySortInfo = info;
- this.scale.setSortInfo(info);
- };
- return Axis2D;
- }(Axis);
-
- /**
- * Can only be called after coordinate system creation stage.
- * (Can be called before coordinate system update stage).
- */
- function layout$1(gridModel, axisModel, opt) {
- opt = opt || {};
- var grid = gridModel.coordinateSystem;
- var axis = axisModel.axis;
- var layout = {};
- var otherAxisOnZeroOf = axis.getAxesOnZeroOf()[0];
- var rawAxisPosition = axis.position;
- var axisPosition = otherAxisOnZeroOf ? 'onZero' : rawAxisPosition;
- var axisDim = axis.dim;
- var rect = grid.getRect();
- var rectBound = [rect.x, rect.x + rect.width, rect.y, rect.y + rect.height];
- var idx = {
- left: 0,
- right: 1,
- top: 0,
- bottom: 1,
- onZero: 2
- };
- var axisOffset = axisModel.get('offset') || 0;
- var posBound = axisDim === 'x' ? [rectBound[2] - axisOffset, rectBound[3] + axisOffset] : [rectBound[0] - axisOffset, rectBound[1] + axisOffset];
- if (otherAxisOnZeroOf) {
- var onZeroCoord = otherAxisOnZeroOf.toGlobalCoord(otherAxisOnZeroOf.dataToCoord(0));
- posBound[idx.onZero] = Math.max(Math.min(onZeroCoord, posBound[1]), posBound[0]);
- }
- // Axis position
- layout.position = [axisDim === 'y' ? posBound[idx[axisPosition]] : rectBound[0], axisDim === 'x' ? posBound[idx[axisPosition]] : rectBound[3]];
- // Axis rotation
- layout.rotation = Math.PI / 2 * (axisDim === 'x' ? 0 : 1);
- // Tick and label direction, x y is axisDim
- var dirMap = {
- top: -1,
- bottom: 1,
- left: -1,
- right: 1
- };
- layout.labelDirection = layout.tickDirection = layout.nameDirection = dirMap[rawAxisPosition];
- layout.labelOffset = otherAxisOnZeroOf ? posBound[idx[rawAxisPosition]] - posBound[idx.onZero] : 0;
- if (axisModel.get(['axisTick', 'inside'])) {
- layout.tickDirection = -layout.tickDirection;
- }
- if (retrieve(opt.labelInside, axisModel.get(['axisLabel', 'inside']))) {
- layout.labelDirection = -layout.labelDirection;
- }
- // Special label rotation
- var labelRotate = axisModel.get(['axisLabel', 'rotate']);
- layout.labelRotate = axisPosition === 'top' ? -labelRotate : labelRotate;
- // Over splitLine and splitArea
- layout.z2 = 1;
- return layout;
- }
- function isCartesian2DSeries(seriesModel) {
- return seriesModel.get('coordinateSystem') === 'cartesian2d';
- }
- function findAxisModels(seriesModel) {
- var axisModelMap = {
- xAxisModel: null,
- yAxisModel: null
- };
- each(axisModelMap, function (v, key) {
- var axisType = key.replace(/Model$/, '');
- var axisModel = seriesModel.getReferringComponents(axisType, SINGLE_REFERRING).models[0];
- if ("development" !== 'production') {
- if (!axisModel) {
- throw new Error(axisType + ' "' + retrieve3(seriesModel.get(axisType + 'Index'), seriesModel.get(axisType + 'Id'), 0) + '" not found');
- }
- }
- axisModelMap[key] = axisModel;
- });
- return axisModelMap;
- }
-
- var mathLog$1 = Math.log;
- function alignScaleTicks(scale, axisModel, alignToScale) {
- var intervalScaleProto = IntervalScale.prototype;
- // NOTE: There is a precondition for log scale here:
- // In log scale we store _interval and _extent of exponent value.
- // So if we use the method of InternalScale to set/get these data.
- // It process the exponent value, which is linear and what we want here.
- var alignToTicks = intervalScaleProto.getTicks.call(alignToScale);
- var alignToNicedTicks = intervalScaleProto.getTicks.call(alignToScale, true);
- var alignToSplitNumber = alignToTicks.length - 1;
- var alignToInterval = intervalScaleProto.getInterval.call(alignToScale);
- var scaleExtent = getScaleExtent(scale, axisModel);
- var rawExtent = scaleExtent.extent;
- var isMinFixed = scaleExtent.fixMin;
- var isMaxFixed = scaleExtent.fixMax;
- if (scale.type === 'log') {
- var logBase = mathLog$1(scale.base);
- rawExtent = [mathLog$1(rawExtent[0]) / logBase, mathLog$1(rawExtent[1]) / logBase];
- }
- scale.setExtent(rawExtent[0], rawExtent[1]);
- scale.calcNiceExtent({
- splitNumber: alignToSplitNumber,
- fixMin: isMinFixed,
- fixMax: isMaxFixed
- });
- var extent = intervalScaleProto.getExtent.call(scale);
- // Need to update the rawExtent.
- // Because value in rawExtent may be not parsed. e.g. 'dataMin', 'dataMax'
- if (isMinFixed) {
- rawExtent[0] = extent[0];
- }
- if (isMaxFixed) {
- rawExtent[1] = extent[1];
- }
- var interval = intervalScaleProto.getInterval.call(scale);
- var min = rawExtent[0];
- var max = rawExtent[1];
- if (isMinFixed && isMaxFixed) {
- // User set min, max, divide to get new interval
- interval = (max - min) / alignToSplitNumber;
- } else if (isMinFixed) {
- max = rawExtent[0] + interval * alignToSplitNumber;
- // User set min, expand extent on the other side
- while (max < rawExtent[1] && isFinite(max) && isFinite(rawExtent[1])) {
- interval = increaseInterval(interval);
- max = rawExtent[0] + interval * alignToSplitNumber;
- }
- } else if (isMaxFixed) {
- // User set max, expand extent on the other side
- min = rawExtent[1] - interval * alignToSplitNumber;
- while (min > rawExtent[0] && isFinite(min) && isFinite(rawExtent[0])) {
- interval = increaseInterval(interval);
- min = rawExtent[1] - interval * alignToSplitNumber;
- }
- } else {
- var nicedSplitNumber = scale.getTicks().length - 1;
- if (nicedSplitNumber > alignToSplitNumber) {
- interval = increaseInterval(interval);
- }
- var range = interval * alignToSplitNumber;
- max = Math.ceil(rawExtent[1] / interval) * interval;
- min = round(max - range);
- // Not change the result that crossing zero.
- if (min < 0 && rawExtent[0] >= 0) {
- min = 0;
- max = round(range);
- } else if (max > 0 && rawExtent[1] <= 0) {
- max = 0;
- min = -round(range);
- }
- }
- // Adjust min, max based on the extent of alignTo. When min or max is set in alignTo scale
- var t0 = (alignToTicks[0].value - alignToNicedTicks[0].value) / alignToInterval;
- var t1 = (alignToTicks[alignToSplitNumber].value - alignToNicedTicks[alignToSplitNumber].value) / alignToInterval;
- // NOTE: Must in setExtent -> setInterval -> setNiceExtent order.
- intervalScaleProto.setExtent.call(scale, min + interval * t0, max + interval * t1);
- intervalScaleProto.setInterval.call(scale, interval);
- if (t0 || t1) {
- intervalScaleProto.setNiceExtent.call(scale, min + interval, max - interval);
- }
- if ("development" !== 'production') {
- var ticks = intervalScaleProto.getTicks.call(scale);
- if (ticks[1] && (!isValueNice(interval) || getPrecisionSafe(ticks[1].value) > getPrecisionSafe(interval))) {
- warn(
- // eslint-disable-next-line
- "The ticks may be not readable when set min: " + axisModel.get('min') + ", max: " + axisModel.get('max') + " and alignTicks: true");
- }
- }
- }
-
- var Grid = /** @class */function () {
- function Grid(gridModel, ecModel, api) {
- // FIXME:TS where used (different from registered type 'cartesian2d')?
- this.type = 'grid';
- this._coordsMap = {};
- this._coordsList = [];
- this._axesMap = {};
- this._axesList = [];
- this.axisPointerEnabled = true;
- this.dimensions = cartesian2DDimensions;
- this._initCartesian(gridModel, ecModel, api);
- this.model = gridModel;
- }
- Grid.prototype.getRect = function () {
- return this._rect;
- };
- Grid.prototype.update = function (ecModel, api) {
- var axesMap = this._axesMap;
- this._updateScale(ecModel, this.model);
- function updateAxisTicks(axes) {
- var alignTo;
- // Axis is added in order of axisIndex.
- var axesIndices = keys(axes);
- var len = axesIndices.length;
- if (!len) {
- return;
- }
- var axisNeedsAlign = [];
- // Process once and calculate the ticks for those don't use alignTicks.
- for (var i = len - 1; i >= 0; i--) {
- var idx = +axesIndices[i]; // Convert to number.
- var axis = axes[idx];
- var model = axis.model;
- var scale = axis.scale;
- if (
- // Only value and log axis without interval support alignTicks.
- isIntervalOrLogScale(scale) && model.get('alignTicks') && model.get('interval') == null) {
- axisNeedsAlign.push(axis);
- } else {
- niceScaleExtent(scale, model);
- if (isIntervalOrLogScale(scale)) {
- // Can only align to interval or log axis.
- alignTo = axis;
- }
- }
- }
- // All axes has set alignTicks. Pick the first one.
- // PENDING. Should we find the axis that both set interval, min, max and align to this one?
- if (axisNeedsAlign.length) {
- if (!alignTo) {
- alignTo = axisNeedsAlign.pop();
- niceScaleExtent(alignTo.scale, alignTo.model);
- }
- each(axisNeedsAlign, function (axis) {
- alignScaleTicks(axis.scale, axis.model, alignTo.scale);
- });
- }
- }
- updateAxisTicks(axesMap.x);
- updateAxisTicks(axesMap.y);
- // Key: axisDim_axisIndex, value: boolean, whether onZero target.
- var onZeroRecords = {};
- each(axesMap.x, function (xAxis) {
- fixAxisOnZero(axesMap, 'y', xAxis, onZeroRecords);
- });
- each(axesMap.y, function (yAxis) {
- fixAxisOnZero(axesMap, 'x', yAxis, onZeroRecords);
- });
- // Resize again if containLabel is enabled
- // FIXME It may cause getting wrong grid size in data processing stage
- this.resize(this.model, api);
- };
- /**
- * Resize the grid
- */
- Grid.prototype.resize = function (gridModel, api, ignoreContainLabel) {
- var boxLayoutParams = gridModel.getBoxLayoutParams();
- var isContainLabel = !ignoreContainLabel && gridModel.get('containLabel');
- var gridRect = getLayoutRect(boxLayoutParams, {
- width: api.getWidth(),
- height: api.getHeight()
- });
- this._rect = gridRect;
- var axesList = this._axesList;
- adjustAxes();
- // Minus label size
- if (isContainLabel) {
- each(axesList, function (axis) {
- if (!axis.model.get(['axisLabel', 'inside'])) {
- var labelUnionRect = estimateLabelUnionRect(axis);
- if (labelUnionRect) {
- var dim = axis.isHorizontal() ? 'height' : 'width';
- var margin = axis.model.get(['axisLabel', 'margin']);
- gridRect[dim] -= labelUnionRect[dim] + margin;
- if (axis.position === 'top') {
- gridRect.y += labelUnionRect.height + margin;
- } else if (axis.position === 'left') {
- gridRect.x += labelUnionRect.width + margin;
- }
- }
- }
- });
- adjustAxes();
- }
- each(this._coordsList, function (coord) {
- // Calculate affine matrix to accelerate the data to point transform.
- // If all the axes scales are time or value.
- coord.calcAffineTransform();
- });
- function adjustAxes() {
- each(axesList, function (axis) {
- var isHorizontal = axis.isHorizontal();
- var extent = isHorizontal ? [0, gridRect.width] : [0, gridRect.height];
- var idx = axis.inverse ? 1 : 0;
- axis.setExtent(extent[idx], extent[1 - idx]);
- updateAxisTransform(axis, isHorizontal ? gridRect.x : gridRect.y);
- });
- }
- };
- Grid.prototype.getAxis = function (dim, axisIndex) {
- var axesMapOnDim = this._axesMap[dim];
- if (axesMapOnDim != null) {
- return axesMapOnDim[axisIndex || 0];
- }
- };
- Grid.prototype.getAxes = function () {
- return this._axesList.slice();
- };
- Grid.prototype.getCartesian = function (xAxisIndex, yAxisIndex) {
- if (xAxisIndex != null && yAxisIndex != null) {
- var key = 'x' + xAxisIndex + 'y' + yAxisIndex;
- return this._coordsMap[key];
- }
- if (isObject(xAxisIndex)) {
- yAxisIndex = xAxisIndex.yAxisIndex;
- xAxisIndex = xAxisIndex.xAxisIndex;
- }
- for (var i = 0, coordList = this._coordsList; i < coordList.length; i++) {
- if (coordList[i].getAxis('x').index === xAxisIndex || coordList[i].getAxis('y').index === yAxisIndex) {
- return coordList[i];
- }
- }
- };
- Grid.prototype.getCartesians = function () {
- return this._coordsList.slice();
- };
- /**
- * @implements
- */
- Grid.prototype.convertToPixel = function (ecModel, finder, value) {
- var target = this._findConvertTarget(finder);
- return target.cartesian ? target.cartesian.dataToPoint(value) : target.axis ? target.axis.toGlobalCoord(target.axis.dataToCoord(value)) : null;
- };
- /**
- * @implements
- */
- Grid.prototype.convertFromPixel = function (ecModel, finder, value) {
- var target = this._findConvertTarget(finder);
- return target.cartesian ? target.cartesian.pointToData(value) : target.axis ? target.axis.coordToData(target.axis.toLocalCoord(value)) : null;
- };
- Grid.prototype._findConvertTarget = function (finder) {
- var seriesModel = finder.seriesModel;
- var xAxisModel = finder.xAxisModel || seriesModel && seriesModel.getReferringComponents('xAxis', SINGLE_REFERRING).models[0];
- var yAxisModel = finder.yAxisModel || seriesModel && seriesModel.getReferringComponents('yAxis', SINGLE_REFERRING).models[0];
- var gridModel = finder.gridModel;
- var coordsList = this._coordsList;
- var cartesian;
- var axis;
- if (seriesModel) {
- cartesian = seriesModel.coordinateSystem;
- indexOf(coordsList, cartesian) < 0 && (cartesian = null);
- } else if (xAxisModel && yAxisModel) {
- cartesian = this.getCartesian(xAxisModel.componentIndex, yAxisModel.componentIndex);
- } else if (xAxisModel) {
- axis = this.getAxis('x', xAxisModel.componentIndex);
- } else if (yAxisModel) {
- axis = this.getAxis('y', yAxisModel.componentIndex);
- }
- // Lowest priority.
- else if (gridModel) {
- var grid = gridModel.coordinateSystem;
- if (grid === this) {
- cartesian = this._coordsList[0];
- }
- }
- return {
- cartesian: cartesian,
- axis: axis
- };
- };
- /**
- * @implements
- */
- Grid.prototype.containPoint = function (point) {
- var coord = this._coordsList[0];
- if (coord) {
- return coord.containPoint(point);
- }
- };
- /**
- * Initialize cartesian coordinate systems
- */
- Grid.prototype._initCartesian = function (gridModel, ecModel, api) {
- var _this = this;
- var grid = this;
- var axisPositionUsed = {
- left: false,
- right: false,
- top: false,
- bottom: false
- };
- var axesMap = {
- x: {},
- y: {}
- };
- var axesCount = {
- x: 0,
- y: 0
- };
- // Create axis
- ecModel.eachComponent('xAxis', createAxisCreator('x'), this);
- ecModel.eachComponent('yAxis', createAxisCreator('y'), this);
- if (!axesCount.x || !axesCount.y) {
- // Roll back when there no either x or y axis
- this._axesMap = {};
- this._axesList = [];
- return;
- }
- this._axesMap = axesMap;
- // Create cartesian2d
- each(axesMap.x, function (xAxis, xAxisIndex) {
- each(axesMap.y, function (yAxis, yAxisIndex) {
- var key = 'x' + xAxisIndex + 'y' + yAxisIndex;
- var cartesian = new Cartesian2D(key);
- cartesian.master = _this;
- cartesian.model = gridModel;
- _this._coordsMap[key] = cartesian;
- _this._coordsList.push(cartesian);
- cartesian.addAxis(xAxis);
- cartesian.addAxis(yAxis);
- });
- });
- function createAxisCreator(dimName) {
- return function (axisModel, idx) {
- if (!isAxisUsedInTheGrid(axisModel, gridModel)) {
- return;
- }
- var axisPosition = axisModel.get('position');
- if (dimName === 'x') {
- // Fix position
- if (axisPosition !== 'top' && axisPosition !== 'bottom') {
- // Default bottom of X
- axisPosition = axisPositionUsed.bottom ? 'top' : 'bottom';
- }
- } else {
- // Fix position
- if (axisPosition !== 'left' && axisPosition !== 'right') {
- // Default left of Y
- axisPosition = axisPositionUsed.left ? 'right' : 'left';
- }
- }
- axisPositionUsed[axisPosition] = true;
- var axis = new Axis2D(dimName, createScaleByModel(axisModel), [0, 0], axisModel.get('type'), axisPosition);
- var isCategory = axis.type === 'category';
- axis.onBand = isCategory && axisModel.get('boundaryGap');
- axis.inverse = axisModel.get('inverse');
- // Inject axis into axisModel
- axisModel.axis = axis;
- // Inject axisModel into axis
- axis.model = axisModel;
- // Inject grid info axis
- axis.grid = grid;
- // Index of axis, can be used as key
- axis.index = idx;
- grid._axesList.push(axis);
- axesMap[dimName][idx] = axis;
- axesCount[dimName]++;
- };
- }
- };
- /**
- * Update cartesian properties from series.
- */
- Grid.prototype._updateScale = function (ecModel, gridModel) {
- // Reset scale
- each(this._axesList, function (axis) {
- axis.scale.setExtent(Infinity, -Infinity);
- if (axis.type === 'category') {
- var categorySortInfo = axis.model.get('categorySortInfo');
- axis.scale.setSortInfo(categorySortInfo);
- }
- });
- ecModel.eachSeries(function (seriesModel) {
- if (isCartesian2DSeries(seriesModel)) {
- var axesModelMap = findAxisModels(seriesModel);
- var xAxisModel = axesModelMap.xAxisModel;
- var yAxisModel = axesModelMap.yAxisModel;
- if (!isAxisUsedInTheGrid(xAxisModel, gridModel) || !isAxisUsedInTheGrid(yAxisModel, gridModel)) {
- return;
- }
- var cartesian = this.getCartesian(xAxisModel.componentIndex, yAxisModel.componentIndex);
- var data = seriesModel.getData();
- var xAxis = cartesian.getAxis('x');
- var yAxis = cartesian.getAxis('y');
- unionExtent(data, xAxis);
- unionExtent(data, yAxis);
- }
- }, this);
- function unionExtent(data, axis) {
- each(getDataDimensionsOnAxis(data, axis.dim), function (dim) {
- axis.scale.unionExtentFromData(data, dim);
- });
- }
- };
- /**
- * @param dim 'x' or 'y' or 'auto' or null/undefined
- */
- Grid.prototype.getTooltipAxes = function (dim) {
- var baseAxes = [];
- var otherAxes = [];
- each(this.getCartesians(), function (cartesian) {
- var baseAxis = dim != null && dim !== 'auto' ? cartesian.getAxis(dim) : cartesian.getBaseAxis();
- var otherAxis = cartesian.getOtherAxis(baseAxis);
- indexOf(baseAxes, baseAxis) < 0 && baseAxes.push(baseAxis);
- indexOf(otherAxes, otherAxis) < 0 && otherAxes.push(otherAxis);
- });
- return {
- baseAxes: baseAxes,
- otherAxes: otherAxes
- };
- };
- Grid.create = function (ecModel, api) {
- var grids = [];
- ecModel.eachComponent('grid', function (gridModel, idx) {
- var grid = new Grid(gridModel, ecModel, api);
- grid.name = 'grid_' + idx;
- // dataSampling requires axis extent, so resize
- // should be performed in create stage.
- grid.resize(gridModel, api, true);
- gridModel.coordinateSystem = grid;
- grids.push(grid);
- });
- // Inject the coordinateSystems into seriesModel
- ecModel.eachSeries(function (seriesModel) {
- if (!isCartesian2DSeries(seriesModel)) {
- return;
- }
- var axesModelMap = findAxisModels(seriesModel);
- var xAxisModel = axesModelMap.xAxisModel;
- var yAxisModel = axesModelMap.yAxisModel;
- var gridModel = xAxisModel.getCoordSysModel();
- if ("development" !== 'production') {
- if (!gridModel) {
- throw new Error('Grid "' + retrieve3(xAxisModel.get('gridIndex'), xAxisModel.get('gridId'), 0) + '" not found');
- }
- if (xAxisModel.getCoordSysModel() !== yAxisModel.getCoordSysModel()) {
- throw new Error('xAxis and yAxis must use the same grid');
- }
- }
- var grid = gridModel.coordinateSystem;
- seriesModel.coordinateSystem = grid.getCartesian(xAxisModel.componentIndex, yAxisModel.componentIndex);
- });
- return grids;
- };
- // For deciding which dimensions to use when creating list data
- Grid.dimensions = cartesian2DDimensions;
- return Grid;
- }();
- /**
- * Check if the axis is used in the specified grid.
- */
- function isAxisUsedInTheGrid(axisModel, gridModel) {
- return axisModel.getCoordSysModel() === gridModel;
- }
- function fixAxisOnZero(axesMap, otherAxisDim, axis,
- // Key: see `getOnZeroRecordKey`
- onZeroRecords) {
- axis.getAxesOnZeroOf = function () {
- // TODO: onZero of multiple axes.
- return otherAxisOnZeroOf ? [otherAxisOnZeroOf] : [];
- };
- // onZero can not be enabled in these two situations:
- // 1. When any other axis is a category axis.
- // 2. When no axis is cross 0 point.
- var otherAxes = axesMap[otherAxisDim];
- var otherAxisOnZeroOf;
- var axisModel = axis.model;
- var onZero = axisModel.get(['axisLine', 'onZero']);
- var onZeroAxisIndex = axisModel.get(['axisLine', 'onZeroAxisIndex']);
- if (!onZero) {
- return;
- }
- // If target axis is specified.
- if (onZeroAxisIndex != null) {
- if (canOnZeroToAxis(otherAxes[onZeroAxisIndex])) {
- otherAxisOnZeroOf = otherAxes[onZeroAxisIndex];
- }
- } else {
- // Find the first available other axis.
- for (var idx in otherAxes) {
- if (otherAxes.hasOwnProperty(idx) && canOnZeroToAxis(otherAxes[idx])
- // Consider that two Y axes on one value axis,
- // if both onZero, the two Y axes overlap.
- && !onZeroRecords[getOnZeroRecordKey(otherAxes[idx])]) {
- otherAxisOnZeroOf = otherAxes[idx];
- break;
- }
- }
- }
- if (otherAxisOnZeroOf) {
- onZeroRecords[getOnZeroRecordKey(otherAxisOnZeroOf)] = true;
- }
- function getOnZeroRecordKey(axis) {
- return axis.dim + '_' + axis.index;
- }
- }
- function canOnZeroToAxis(axis) {
- return axis && axis.type !== 'category' && axis.type !== 'time' && ifAxisCrossZero(axis);
- }
- function updateAxisTransform(axis, coordBase) {
- var axisExtent = axis.getExtent();
- var axisExtentSum = axisExtent[0] + axisExtent[1];
- // Fast transform
- axis.toGlobalCoord = axis.dim === 'x' ? function (coord) {
- return coord + coordBase;
- } : function (coord) {
- return axisExtentSum - coord + coordBase;
- };
- axis.toLocalCoord = axis.dim === 'x' ? function (coord) {
- return coord - coordBase;
- } : function (coord) {
- return axisExtentSum - coord + coordBase;
- };
- }
-
- var PI$5 = Math.PI;
- /**
- * A final axis is translated and rotated from a "standard axis".
- * So opt.position and opt.rotation is required.
- *
- * A standard axis is and axis from [0, 0] to [0, axisExtent[1]],
- * for example: (0, 0) ------------> (0, 50)
- *
- * nameDirection or tickDirection or labelDirection is 1 means tick
- * or label is below the standard axis, whereas is -1 means above
- * the standard axis. labelOffset means offset between label and axis,
- * which is useful when 'onZero', where axisLabel is in the grid and
- * label in outside grid.
- *
- * Tips: like always,
- * positive rotation represents anticlockwise, and negative rotation
- * represents clockwise.
- * The direction of position coordinate is the same as the direction
- * of screen coordinate.
- *
- * Do not need to consider axis 'inverse', which is auto processed by
- * axis extent.
- */
- var AxisBuilder = /** @class */function () {
- function AxisBuilder(axisModel, opt) {
- this.group = new Group();
- this.opt = opt;
- this.axisModel = axisModel;
- // Default value
- defaults(opt, {
- labelOffset: 0,
- nameDirection: 1,
- tickDirection: 1,
- labelDirection: 1,
- silent: true,
- handleAutoShown: function () {
- return true;
- }
- });
- // FIXME Not use a separate text group?
- var transformGroup = new Group({
- x: opt.position[0],
- y: opt.position[1],
- rotation: opt.rotation
- });
- // this.group.add(transformGroup);
- // this._transformGroup = transformGroup;
- transformGroup.updateTransform();
- this._transformGroup = transformGroup;
- }
- AxisBuilder.prototype.hasBuilder = function (name) {
- return !!builders[name];
- };
- AxisBuilder.prototype.add = function (name) {
- builders[name](this.opt, this.axisModel, this.group, this._transformGroup);
- };
- AxisBuilder.prototype.getGroup = function () {
- return this.group;
- };
- AxisBuilder.innerTextLayout = function (axisRotation, textRotation, direction) {
- var rotationDiff = remRadian(textRotation - axisRotation);
- var textAlign;
- var textVerticalAlign;
- if (isRadianAroundZero(rotationDiff)) {
- // Label is parallel with axis line.
- textVerticalAlign = direction > 0 ? 'top' : 'bottom';
- textAlign = 'center';
- } else if (isRadianAroundZero(rotationDiff - PI$5)) {
- // Label is inverse parallel with axis line.
- textVerticalAlign = direction > 0 ? 'bottom' : 'top';
- textAlign = 'center';
- } else {
- textVerticalAlign = 'middle';
- if (rotationDiff > 0 && rotationDiff < PI$5) {
- textAlign = direction > 0 ? 'right' : 'left';
- } else {
- textAlign = direction > 0 ? 'left' : 'right';
- }
- }
- return {
- rotation: rotationDiff,
- textAlign: textAlign,
- textVerticalAlign: textVerticalAlign
- };
- };
- AxisBuilder.makeAxisEventDataBase = function (axisModel) {
- var eventData = {
- componentType: axisModel.mainType,
- componentIndex: axisModel.componentIndex
- };
- eventData[axisModel.mainType + 'Index'] = axisModel.componentIndex;
- return eventData;
- };
- AxisBuilder.isLabelSilent = function (axisModel) {
- var tooltipOpt = axisModel.get('tooltip');
- return axisModel.get('silent')
- // Consider mouse cursor, add these restrictions.
- || !(axisModel.get('triggerEvent') || tooltipOpt && tooltipOpt.show);
- };
- return AxisBuilder;
- }();
- var builders = {
- axisLine: function (opt, axisModel, group, transformGroup) {
- var shown = axisModel.get(['axisLine', 'show']);
- if (shown === 'auto' && opt.handleAutoShown) {
- shown = opt.handleAutoShown('axisLine');
- }
- if (!shown) {
- return;
- }
- var extent = axisModel.axis.getExtent();
- var matrix = transformGroup.transform;
- var pt1 = [extent[0], 0];
- var pt2 = [extent[1], 0];
- var inverse = pt1[0] > pt2[0];
- if (matrix) {
- applyTransform(pt1, pt1, matrix);
- applyTransform(pt2, pt2, matrix);
- }
- var lineStyle = extend({
- lineCap: 'round'
- }, axisModel.getModel(['axisLine', 'lineStyle']).getLineStyle());
- var line = new Line({
- shape: {
- x1: pt1[0],
- y1: pt1[1],
- x2: pt2[0],
- y2: pt2[1]
- },
- style: lineStyle,
- strokeContainThreshold: opt.strokeContainThreshold || 5,
- silent: true,
- z2: 1
- });
- subPixelOptimizeLine$1(line.shape, line.style.lineWidth);
- line.anid = 'line';
- group.add(line);
- var arrows = axisModel.get(['axisLine', 'symbol']);
- if (arrows != null) {
- var arrowSize = axisModel.get(['axisLine', 'symbolSize']);
- if (isString(arrows)) {
- // Use the same arrow for start and end point
- arrows = [arrows, arrows];
- }
- if (isString(arrowSize) || isNumber(arrowSize)) {
- // Use the same size for width and height
- arrowSize = [arrowSize, arrowSize];
- }
- var arrowOffset = normalizeSymbolOffset(axisModel.get(['axisLine', 'symbolOffset']) || 0, arrowSize);
- var symbolWidth_1 = arrowSize[0];
- var symbolHeight_1 = arrowSize[1];
- each([{
- rotate: opt.rotation + Math.PI / 2,
- offset: arrowOffset[0],
- r: 0
- }, {
- rotate: opt.rotation - Math.PI / 2,
- offset: arrowOffset[1],
- r: Math.sqrt((pt1[0] - pt2[0]) * (pt1[0] - pt2[0]) + (pt1[1] - pt2[1]) * (pt1[1] - pt2[1]))
- }], function (point, index) {
- if (arrows[index] !== 'none' && arrows[index] != null) {
- var symbol = createSymbol(arrows[index], -symbolWidth_1 / 2, -symbolHeight_1 / 2, symbolWidth_1, symbolHeight_1, lineStyle.stroke, true);
- // Calculate arrow position with offset
- var r = point.r + point.offset;
- var pt = inverse ? pt2 : pt1;
- symbol.attr({
- rotation: point.rotate,
- x: pt[0] + r * Math.cos(opt.rotation),
- y: pt[1] - r * Math.sin(opt.rotation),
- silent: true,
- z2: 11
- });
- group.add(symbol);
- }
- });
- }
- },
- axisTickLabel: function (opt, axisModel, group, transformGroup) {
- var ticksEls = buildAxisMajorTicks(group, transformGroup, axisModel, opt);
- var labelEls = buildAxisLabel(group, transformGroup, axisModel, opt);
- fixMinMaxLabelShow(axisModel, labelEls, ticksEls);
- buildAxisMinorTicks(group, transformGroup, axisModel, opt.tickDirection);
- // This bit fixes the label overlap issue for the time chart.
- // See https://github.com/apache/echarts/issues/14266 for more.
- if (axisModel.get(['axisLabel', 'hideOverlap'])) {
- var labelList = prepareLayoutList(map(labelEls, function (label) {
- return {
- label: label,
- priority: label.z2,
- defaultAttr: {
- ignore: label.ignore
- }
- };
- }));
- hideOverlap(labelList);
- }
- },
- axisName: function (opt, axisModel, group, transformGroup) {
- var name = retrieve(opt.axisName, axisModel.get('name'));
- if (!name) {
- return;
- }
- var nameLocation = axisModel.get('nameLocation');
- var nameDirection = opt.nameDirection;
- var textStyleModel = axisModel.getModel('nameTextStyle');
- var gap = axisModel.get('nameGap') || 0;
- var extent = axisModel.axis.getExtent();
- var gapSignal = extent[0] > extent[1] ? -1 : 1;
- var pos = [nameLocation === 'start' ? extent[0] - gapSignal * gap : nameLocation === 'end' ? extent[1] + gapSignal * gap : (extent[0] + extent[1]) / 2,
- // Reuse labelOffset.
- isNameLocationCenter(nameLocation) ? opt.labelOffset + nameDirection * gap : 0];
- var labelLayout;
- var nameRotation = axisModel.get('nameRotate');
- if (nameRotation != null) {
- nameRotation = nameRotation * PI$5 / 180; // To radian.
- }
-
- var axisNameAvailableWidth;
- if (isNameLocationCenter(nameLocation)) {
- labelLayout = AxisBuilder.innerTextLayout(opt.rotation, nameRotation != null ? nameRotation : opt.rotation,
- // Adapt to axis.
- nameDirection);
- } else {
- labelLayout = endTextLayout(opt.rotation, nameLocation, nameRotation || 0, extent);
- axisNameAvailableWidth = opt.axisNameAvailableWidth;
- if (axisNameAvailableWidth != null) {
- axisNameAvailableWidth = Math.abs(axisNameAvailableWidth / Math.sin(labelLayout.rotation));
- !isFinite(axisNameAvailableWidth) && (axisNameAvailableWidth = null);
- }
- }
- var textFont = textStyleModel.getFont();
- var truncateOpt = axisModel.get('nameTruncate', true) || {};
- var ellipsis = truncateOpt.ellipsis;
- var maxWidth = retrieve(opt.nameTruncateMaxWidth, truncateOpt.maxWidth, axisNameAvailableWidth);
- var textEl = new ZRText({
- x: pos[0],
- y: pos[1],
- rotation: labelLayout.rotation,
- silent: AxisBuilder.isLabelSilent(axisModel),
- style: createTextStyle(textStyleModel, {
- text: name,
- font: textFont,
- overflow: 'truncate',
- width: maxWidth,
- ellipsis: ellipsis,
- fill: textStyleModel.getTextColor() || axisModel.get(['axisLine', 'lineStyle', 'color']),
- align: textStyleModel.get('align') || labelLayout.textAlign,
- verticalAlign: textStyleModel.get('verticalAlign') || labelLayout.textVerticalAlign
- }),
- z2: 1
- });
- setTooltipConfig({
- el: textEl,
- componentModel: axisModel,
- itemName: name
- });
- textEl.__fullText = name;
- // Id for animation
- textEl.anid = 'name';
- if (axisModel.get('triggerEvent')) {
- var eventData = AxisBuilder.makeAxisEventDataBase(axisModel);
- eventData.targetType = 'axisName';
- eventData.name = name;
- getECData(textEl).eventData = eventData;
- }
- // FIXME
- transformGroup.add(textEl);
- textEl.updateTransform();
- group.add(textEl);
- textEl.decomposeTransform();
- }
- };
- function endTextLayout(rotation, textPosition, textRotate, extent) {
- var rotationDiff = remRadian(textRotate - rotation);
- var textAlign;
- var textVerticalAlign;
- var inverse = extent[0] > extent[1];
- var onLeft = textPosition === 'start' && !inverse || textPosition !== 'start' && inverse;
- if (isRadianAroundZero(rotationDiff - PI$5 / 2)) {
- textVerticalAlign = onLeft ? 'bottom' : 'top';
- textAlign = 'center';
- } else if (isRadianAroundZero(rotationDiff - PI$5 * 1.5)) {
- textVerticalAlign = onLeft ? 'top' : 'bottom';
- textAlign = 'center';
- } else {
- textVerticalAlign = 'middle';
- if (rotationDiff < PI$5 * 1.5 && rotationDiff > PI$5 / 2) {
- textAlign = onLeft ? 'left' : 'right';
- } else {
- textAlign = onLeft ? 'right' : 'left';
- }
- }
- return {
- rotation: rotationDiff,
- textAlign: textAlign,
- textVerticalAlign: textVerticalAlign
- };
- }
- function fixMinMaxLabelShow(axisModel, labelEls, tickEls) {
- if (shouldShowAllLabels(axisModel.axis)) {
- return;
- }
- // If min or max are user set, we need to check
- // If the tick on min(max) are overlap on their neighbour tick
- // If they are overlapped, we need to hide the min(max) tick label
- var showMinLabel = axisModel.get(['axisLabel', 'showMinLabel']);
- var showMaxLabel = axisModel.get(['axisLabel', 'showMaxLabel']);
- // FIXME
- // Have not consider onBand yet, where tick els is more than label els.
- labelEls = labelEls || [];
- tickEls = tickEls || [];
- var firstLabel = labelEls[0];
- var nextLabel = labelEls[1];
- var lastLabel = labelEls[labelEls.length - 1];
- var prevLabel = labelEls[labelEls.length - 2];
- var firstTick = tickEls[0];
- var nextTick = tickEls[1];
- var lastTick = tickEls[tickEls.length - 1];
- var prevTick = tickEls[tickEls.length - 2];
- if (showMinLabel === false) {
- ignoreEl(firstLabel);
- ignoreEl(firstTick);
- } else if (isTwoLabelOverlapped(firstLabel, nextLabel)) {
- if (showMinLabel) {
- ignoreEl(nextLabel);
- ignoreEl(nextTick);
- } else {
- ignoreEl(firstLabel);
- ignoreEl(firstTick);
- }
- }
- if (showMaxLabel === false) {
- ignoreEl(lastLabel);
- ignoreEl(lastTick);
- } else if (isTwoLabelOverlapped(prevLabel, lastLabel)) {
- if (showMaxLabel) {
- ignoreEl(prevLabel);
- ignoreEl(prevTick);
- } else {
- ignoreEl(lastLabel);
- ignoreEl(lastTick);
- }
- }
- }
- function ignoreEl(el) {
- el && (el.ignore = true);
- }
- function isTwoLabelOverlapped(current, next) {
- // current and next has the same rotation.
- var firstRect = current && current.getBoundingRect().clone();
- var nextRect = next && next.getBoundingRect().clone();
- if (!firstRect || !nextRect) {
- return;
- }
- // When checking intersect of two rotated labels, we use mRotationBack
- // to avoid that boundingRect is enlarge when using `boundingRect.applyTransform`.
- var mRotationBack = identity([]);
- rotate(mRotationBack, mRotationBack, -current.rotation);
- firstRect.applyTransform(mul$1([], mRotationBack, current.getLocalTransform()));
- nextRect.applyTransform(mul$1([], mRotationBack, next.getLocalTransform()));
- return firstRect.intersect(nextRect);
- }
- function isNameLocationCenter(nameLocation) {
- return nameLocation === 'middle' || nameLocation === 'center';
- }
- function createTicks(ticksCoords, tickTransform, tickEndCoord, tickLineStyle, anidPrefix) {
- var tickEls = [];
- var pt1 = [];
- var pt2 = [];
- for (var i = 0; i < ticksCoords.length; i++) {
- var tickCoord = ticksCoords[i].coord;
- pt1[0] = tickCoord;
- pt1[1] = 0;
- pt2[0] = tickCoord;
- pt2[1] = tickEndCoord;
- if (tickTransform) {
- applyTransform(pt1, pt1, tickTransform);
- applyTransform(pt2, pt2, tickTransform);
- }
- // Tick line, Not use group transform to have better line draw
- var tickEl = new Line({
- shape: {
- x1: pt1[0],
- y1: pt1[1],
- x2: pt2[0],
- y2: pt2[1]
- },
- style: tickLineStyle,
- z2: 2,
- autoBatch: true,
- silent: true
- });
- subPixelOptimizeLine$1(tickEl.shape, tickEl.style.lineWidth);
- tickEl.anid = anidPrefix + '_' + ticksCoords[i].tickValue;
- tickEls.push(tickEl);
- }
- return tickEls;
- }
- function buildAxisMajorTicks(group, transformGroup, axisModel, opt) {
- var axis = axisModel.axis;
- var tickModel = axisModel.getModel('axisTick');
- var shown = tickModel.get('show');
- if (shown === 'auto' && opt.handleAutoShown) {
- shown = opt.handleAutoShown('axisTick');
- }
- if (!shown || axis.scale.isBlank()) {
- return;
- }
- var lineStyleModel = tickModel.getModel('lineStyle');
- var tickEndCoord = opt.tickDirection * tickModel.get('length');
- var ticksCoords = axis.getTicksCoords();
- var ticksEls = createTicks(ticksCoords, transformGroup.transform, tickEndCoord, defaults(lineStyleModel.getLineStyle(), {
- stroke: axisModel.get(['axisLine', 'lineStyle', 'color'])
- }), 'ticks');
- for (var i = 0; i < ticksEls.length; i++) {
- group.add(ticksEls[i]);
- }
- return ticksEls;
- }
- function buildAxisMinorTicks(group, transformGroup, axisModel, tickDirection) {
- var axis = axisModel.axis;
- var minorTickModel = axisModel.getModel('minorTick');
- if (!minorTickModel.get('show') || axis.scale.isBlank()) {
- return;
- }
- var minorTicksCoords = axis.getMinorTicksCoords();
- if (!minorTicksCoords.length) {
- return;
- }
- var lineStyleModel = minorTickModel.getModel('lineStyle');
- var tickEndCoord = tickDirection * minorTickModel.get('length');
- var minorTickLineStyle = defaults(lineStyleModel.getLineStyle(), defaults(axisModel.getModel('axisTick').getLineStyle(), {
- stroke: axisModel.get(['axisLine', 'lineStyle', 'color'])
- }));
- for (var i = 0; i < minorTicksCoords.length; i++) {
- var minorTicksEls = createTicks(minorTicksCoords[i], transformGroup.transform, tickEndCoord, minorTickLineStyle, 'minorticks_' + i);
- for (var k = 0; k < minorTicksEls.length; k++) {
- group.add(minorTicksEls[k]);
- }
- }
- }
- function buildAxisLabel(group, transformGroup, axisModel, opt) {
- var axis = axisModel.axis;
- var show = retrieve(opt.axisLabelShow, axisModel.get(['axisLabel', 'show']));
- if (!show || axis.scale.isBlank()) {
- return;
- }
- var labelModel = axisModel.getModel('axisLabel');
- var labelMargin = labelModel.get('margin');
- var labels = axis.getViewLabels();
- // Special label rotate.
- var labelRotation = (retrieve(opt.labelRotate, labelModel.get('rotate')) || 0) * PI$5 / 180;
- var labelLayout = AxisBuilder.innerTextLayout(opt.rotation, labelRotation, opt.labelDirection);
- var rawCategoryData = axisModel.getCategories && axisModel.getCategories(true);
- var labelEls = [];
- var silent = AxisBuilder.isLabelSilent(axisModel);
- var triggerEvent = axisModel.get('triggerEvent');
- each(labels, function (labelItem, index) {
- var tickValue = axis.scale.type === 'ordinal' ? axis.scale.getRawOrdinalNumber(labelItem.tickValue) : labelItem.tickValue;
- var formattedLabel = labelItem.formattedLabel;
- var rawLabel = labelItem.rawLabel;
- var itemLabelModel = labelModel;
- if (rawCategoryData && rawCategoryData[tickValue]) {
- var rawCategoryItem = rawCategoryData[tickValue];
- if (isObject(rawCategoryItem) && rawCategoryItem.textStyle) {
- itemLabelModel = new Model(rawCategoryItem.textStyle, labelModel, axisModel.ecModel);
- }
- }
- var textColor = itemLabelModel.getTextColor() || axisModel.get(['axisLine', 'lineStyle', 'color']);
- var tickCoord = axis.dataToCoord(tickValue);
- var align = itemLabelModel.getShallow('align', true) || labelLayout.textAlign;
- var alignMin = retrieve2(itemLabelModel.getShallow('alignMinLabel', true), align);
- var alignMax = retrieve2(itemLabelModel.getShallow('alignMaxLabel', true), align);
- var verticalAlign = itemLabelModel.getShallow('verticalAlign', true) || itemLabelModel.getShallow('baseline', true) || labelLayout.textVerticalAlign;
- var verticalAlignMin = retrieve2(itemLabelModel.getShallow('verticalAlignMinLabel', true), verticalAlign);
- var verticalAlignMax = retrieve2(itemLabelModel.getShallow('verticalAlignMaxLabel', true), verticalAlign);
- var textEl = new ZRText({
- x: tickCoord,
- y: opt.labelOffset + opt.labelDirection * labelMargin,
- rotation: labelLayout.rotation,
- silent: silent,
- z2: 10 + (labelItem.level || 0),
- style: createTextStyle(itemLabelModel, {
- text: formattedLabel,
- align: index === 0 ? alignMin : index === labels.length - 1 ? alignMax : align,
- verticalAlign: index === 0 ? verticalAlignMin : index === labels.length - 1 ? verticalAlignMax : verticalAlign,
- fill: isFunction(textColor) ? textColor(
- // (1) In category axis with data zoom, tick is not the original
- // index of axis.data. So tick should not be exposed to user
- // in category axis.
- // (2) Compatible with previous version, which always use formatted label as
- // input. But in interval scale the formatted label is like '223,445', which
- // maked user replace ','. So we modify it to return original val but remain
- // it as 'string' to avoid error in replacing.
- axis.type === 'category' ? rawLabel : axis.type === 'value' ? tickValue + '' : tickValue, index) : textColor
- })
- });
- textEl.anid = 'label_' + tickValue;
- // Pack data for mouse event
- if (triggerEvent) {
- var eventData = AxisBuilder.makeAxisEventDataBase(axisModel);
- eventData.targetType = 'axisLabel';
- eventData.value = rawLabel;
- eventData.tickIndex = index;
- if (axis.type === 'category') {
- eventData.dataIndex = tickValue;
- }
- getECData(textEl).eventData = eventData;
- }
- // FIXME
- transformGroup.add(textEl);
- textEl.updateTransform();
- labelEls.push(textEl);
- group.add(textEl);
- textEl.decomposeTransform();
- });
- return labelEls;
- }
-
- // Build axisPointerModel, mergin tooltip.axisPointer model for each axis.
- // allAxesInfo should be updated when setOption performed.
- function collect(ecModel, api) {
- var result = {
- /**
- * key: makeKey(axis.model)
- * value: {
- * axis,
- * coordSys,
- * axisPointerModel,
- * triggerTooltip,
- * triggerEmphasis,
- * involveSeries,
- * snap,
- * seriesModels,
- * seriesDataCount
- * }
- */
- axesInfo: {},
- seriesInvolved: false,
- /**
- * key: makeKey(coordSys.model)
- * value: Object: key makeKey(axis.model), value: axisInfo
- */
- coordSysAxesInfo: {},
- coordSysMap: {}
- };
- collectAxesInfo(result, ecModel, api);
- // Check seriesInvolved for performance, in case too many series in some chart.
- result.seriesInvolved && collectSeriesInfo(result, ecModel);
- return result;
- }
- function collectAxesInfo(result, ecModel, api) {
- var globalTooltipModel = ecModel.getComponent('tooltip');
- var globalAxisPointerModel = ecModel.getComponent('axisPointer');
- // links can only be set on global.
- var linksOption = globalAxisPointerModel.get('link', true) || [];
- var linkGroups = [];
- // Collect axes info.
- each(api.getCoordinateSystems(), function (coordSys) {
- // Some coordinate system do not support axes, like geo.
- if (!coordSys.axisPointerEnabled) {
- return;
- }
- var coordSysKey = makeKey(coordSys.model);
- var axesInfoInCoordSys = result.coordSysAxesInfo[coordSysKey] = {};
- result.coordSysMap[coordSysKey] = coordSys;
- // Set tooltip (like 'cross') is a convenient way to show axisPointer
- // for user. So we enable setting tooltip on coordSys model.
- var coordSysModel = coordSys.model;
- var baseTooltipModel = coordSysModel.getModel('tooltip', globalTooltipModel);
- each(coordSys.getAxes(), curry(saveTooltipAxisInfo, false, null));
- // If axis tooltip used, choose tooltip axis for each coordSys.
- // Notice this case: coordSys is `grid` but not `cartesian2D` here.
- if (coordSys.getTooltipAxes && globalTooltipModel
- // If tooltip.showContent is set as false, tooltip will not
- // show but axisPointer will show as normal.
- && baseTooltipModel.get('show')) {
- // Compatible with previous logic. But series.tooltip.trigger: 'axis'
- // or series.data[n].tooltip.trigger: 'axis' are not support any more.
- var triggerAxis = baseTooltipModel.get('trigger') === 'axis';
- var cross = baseTooltipModel.get(['axisPointer', 'type']) === 'cross';
- var tooltipAxes = coordSys.getTooltipAxes(baseTooltipModel.get(['axisPointer', 'axis']));
- if (triggerAxis || cross) {
- each(tooltipAxes.baseAxes, curry(saveTooltipAxisInfo, cross ? 'cross' : true, triggerAxis));
- }
- if (cross) {
- each(tooltipAxes.otherAxes, curry(saveTooltipAxisInfo, 'cross', false));
- }
- }
- // fromTooltip: true | false | 'cross'
- // triggerTooltip: true | false | null
- function saveTooltipAxisInfo(fromTooltip, triggerTooltip, axis) {
- var axisPointerModel = axis.model.getModel('axisPointer', globalAxisPointerModel);
- var axisPointerShow = axisPointerModel.get('show');
- if (!axisPointerShow || axisPointerShow === 'auto' && !fromTooltip && !isHandleTrigger(axisPointerModel)) {
- return;
- }
- if (triggerTooltip == null) {
- triggerTooltip = axisPointerModel.get('triggerTooltip');
- }
- axisPointerModel = fromTooltip ? makeAxisPointerModel(axis, baseTooltipModel, globalAxisPointerModel, ecModel, fromTooltip, triggerTooltip) : axisPointerModel;
- var snap = axisPointerModel.get('snap');
- var triggerEmphasis = axisPointerModel.get('triggerEmphasis');
- var axisKey = makeKey(axis.model);
- var involveSeries = triggerTooltip || snap || axis.type === 'category';
- // If result.axesInfo[key] exist, override it (tooltip has higher priority).
- var axisInfo = result.axesInfo[axisKey] = {
- key: axisKey,
- axis: axis,
- coordSys: coordSys,
- axisPointerModel: axisPointerModel,
- triggerTooltip: triggerTooltip,
- triggerEmphasis: triggerEmphasis,
- involveSeries: involveSeries,
- snap: snap,
- useHandle: isHandleTrigger(axisPointerModel),
- seriesModels: [],
- linkGroup: null
- };
- axesInfoInCoordSys[axisKey] = axisInfo;
- result.seriesInvolved = result.seriesInvolved || involveSeries;
- var groupIndex = getLinkGroupIndex(linksOption, axis);
- if (groupIndex != null) {
- var linkGroup = linkGroups[groupIndex] || (linkGroups[groupIndex] = {
- axesInfo: {}
- });
- linkGroup.axesInfo[axisKey] = axisInfo;
- linkGroup.mapper = linksOption[groupIndex].mapper;
- axisInfo.linkGroup = linkGroup;
- }
- }
- });
- }
- function makeAxisPointerModel(axis, baseTooltipModel, globalAxisPointerModel, ecModel, fromTooltip, triggerTooltip) {
- var tooltipAxisPointerModel = baseTooltipModel.getModel('axisPointer');
- var fields = ['type', 'snap', 'lineStyle', 'shadowStyle', 'label', 'animation', 'animationDurationUpdate', 'animationEasingUpdate', 'z'];
- var volatileOption = {};
- each(fields, function (field) {
- volatileOption[field] = clone(tooltipAxisPointerModel.get(field));
- });
- // category axis do not auto snap, otherwise some tick that do not
- // has value can not be hovered. value/time/log axis default snap if
- // triggered from tooltip and trigger tooltip.
- volatileOption.snap = axis.type !== 'category' && !!triggerTooltip;
- // Compatible with previous behavior, tooltip axis does not show label by default.
- // Only these properties can be overridden from tooltip to axisPointer.
- if (tooltipAxisPointerModel.get('type') === 'cross') {
- volatileOption.type = 'line';
- }
- var labelOption = volatileOption.label || (volatileOption.label = {});
- // Follow the convention, do not show label when triggered by tooltip by default.
- labelOption.show == null && (labelOption.show = false);
- if (fromTooltip === 'cross') {
- // When 'cross', both axes show labels.
- var tooltipAxisPointerLabelShow = tooltipAxisPointerModel.get(['label', 'show']);
- labelOption.show = tooltipAxisPointerLabelShow != null ? tooltipAxisPointerLabelShow : true;
- // If triggerTooltip, this is a base axis, which should better not use cross style
- // (cross style is dashed by default)
- if (!triggerTooltip) {
- var crossStyle = volatileOption.lineStyle = tooltipAxisPointerModel.get('crossStyle');
- crossStyle && defaults(labelOption, crossStyle.textStyle);
- }
- }
- return axis.model.getModel('axisPointer', new Model(volatileOption, globalAxisPointerModel, ecModel));
- }
- function collectSeriesInfo(result, ecModel) {
- // Prepare data for axis trigger
- ecModel.eachSeries(function (seriesModel) {
- // Notice this case: this coordSys is `cartesian2D` but not `grid`.
- var coordSys = seriesModel.coordinateSystem;
- var seriesTooltipTrigger = seriesModel.get(['tooltip', 'trigger'], true);
- var seriesTooltipShow = seriesModel.get(['tooltip', 'show'], true);
- if (!coordSys || seriesTooltipTrigger === 'none' || seriesTooltipTrigger === false || seriesTooltipTrigger === 'item' || seriesTooltipShow === false || seriesModel.get(['axisPointer', 'show'], true) === false) {
- return;
- }
- each(result.coordSysAxesInfo[makeKey(coordSys.model)], function (axisInfo) {
- var axis = axisInfo.axis;
- if (coordSys.getAxis(axis.dim) === axis) {
- axisInfo.seriesModels.push(seriesModel);
- axisInfo.seriesDataCount == null && (axisInfo.seriesDataCount = 0);
- axisInfo.seriesDataCount += seriesModel.getData().count();
- }
- });
- });
- }
- /**
- * For example:
- * {
- * axisPointer: {
- * links: [{
- * xAxisIndex: [2, 4],
- * yAxisIndex: 'all'
- * }, {
- * xAxisId: ['a5', 'a7'],
- * xAxisName: 'xxx'
- * }]
- * }
- * }
- */
- function getLinkGroupIndex(linksOption, axis) {
- var axisModel = axis.model;
- var dim = axis.dim;
- for (var i = 0; i < linksOption.length; i++) {
- var linkOption = linksOption[i] || {};
- if (checkPropInLink(linkOption[dim + 'AxisId'], axisModel.id) || checkPropInLink(linkOption[dim + 'AxisIndex'], axisModel.componentIndex) || checkPropInLink(linkOption[dim + 'AxisName'], axisModel.name)) {
- return i;
- }
- }
- }
- function checkPropInLink(linkPropValue, axisPropValue) {
- return linkPropValue === 'all' || isArray(linkPropValue) && indexOf(linkPropValue, axisPropValue) >= 0 || linkPropValue === axisPropValue;
- }
- function fixValue(axisModel) {
- var axisInfo = getAxisInfo(axisModel);
- if (!axisInfo) {
- return;
- }
- var axisPointerModel = axisInfo.axisPointerModel;
- var scale = axisInfo.axis.scale;
- var option = axisPointerModel.option;
- var status = axisPointerModel.get('status');
- var value = axisPointerModel.get('value');
- // Parse init value for category and time axis.
- if (value != null) {
- value = scale.parse(value);
- }
- var useHandle = isHandleTrigger(axisPointerModel);
- // If `handle` used, `axisPointer` will always be displayed, so value
- // and status should be initialized.
- if (status == null) {
- option.status = useHandle ? 'show' : 'hide';
- }
- var extent = scale.getExtent().slice();
- extent[0] > extent[1] && extent.reverse();
- if (
- // Pick a value on axis when initializing.
- value == null
- // If both `handle` and `dataZoom` are used, value may be out of axis extent,
- // where we should re-pick a value to keep `handle` displaying normally.
- || value > extent[1]) {
- // Make handle displayed on the end of the axis when init, which looks better.
- value = extent[1];
- }
- if (value < extent[0]) {
- value = extent[0];
- }
- option.value = value;
- if (useHandle) {
- option.status = axisInfo.axis.scale.isBlank() ? 'hide' : 'show';
- }
- }
- function getAxisInfo(axisModel) {
- var coordSysAxesInfo = (axisModel.ecModel.getComponent('axisPointer') || {}).coordSysAxesInfo;
- return coordSysAxesInfo && coordSysAxesInfo.axesInfo[makeKey(axisModel)];
- }
- function getAxisPointerModel(axisModel) {
- var axisInfo = getAxisInfo(axisModel);
- return axisInfo && axisInfo.axisPointerModel;
- }
- function isHandleTrigger(axisPointerModel) {
- return !!axisPointerModel.get(['handle', 'show']);
- }
- /**
- * @param {module:echarts/model/Model} model
- * @return {string} unique key
- */
- function makeKey(model) {
- return model.type + '||' + model.id;
- }
-
- var axisPointerClazz = {};
- /**
- * Base class of AxisView.
- */
- var AxisView = /** @class */function (_super) {
- __extends(AxisView, _super);
- function AxisView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = AxisView.type;
- return _this;
- }
- /**
- * @override
- */
- AxisView.prototype.render = function (axisModel, ecModel, api, payload) {
- // FIXME
- // This process should proformed after coordinate systems updated
- // (axis scale updated), and should be performed each time update.
- // So put it here temporarily, although it is not appropriate to
- // put a model-writing procedure in `view`.
- this.axisPointerClass && fixValue(axisModel);
- _super.prototype.render.apply(this, arguments);
- this._doUpdateAxisPointerClass(axisModel, api, true);
- };
- /**
- * Action handler.
- */
- AxisView.prototype.updateAxisPointer = function (axisModel, ecModel, api, payload) {
- this._doUpdateAxisPointerClass(axisModel, api, false);
- };
- /**
- * @override
- */
- AxisView.prototype.remove = function (ecModel, api) {
- var axisPointer = this._axisPointer;
- axisPointer && axisPointer.remove(api);
- };
- /**
- * @override
- */
- AxisView.prototype.dispose = function (ecModel, api) {
- this._disposeAxisPointer(api);
- _super.prototype.dispose.apply(this, arguments);
- };
- AxisView.prototype._doUpdateAxisPointerClass = function (axisModel, api, forceRender) {
- var Clazz = AxisView.getAxisPointerClass(this.axisPointerClass);
- if (!Clazz) {
- return;
- }
- var axisPointerModel = getAxisPointerModel(axisModel);
- axisPointerModel ? (this._axisPointer || (this._axisPointer = new Clazz())).render(axisModel, axisPointerModel, api, forceRender) : this._disposeAxisPointer(api);
- };
- AxisView.prototype._disposeAxisPointer = function (api) {
- this._axisPointer && this._axisPointer.dispose(api);
- this._axisPointer = null;
- };
- AxisView.registerAxisPointerClass = function (type, clazz) {
- if ("development" !== 'production') {
- if (axisPointerClazz[type]) {
- throw new Error('axisPointer ' + type + ' exists');
- }
- }
- axisPointerClazz[type] = clazz;
- };
- AxisView.getAxisPointerClass = function (type) {
- return type && axisPointerClazz[type];
- };
- AxisView.type = 'axis';
- return AxisView;
- }(ComponentView);
-
- var inner$6 = makeInner();
- function rectCoordAxisBuildSplitArea(axisView, axisGroup, axisModel, gridModel) {
- var axis = axisModel.axis;
- if (axis.scale.isBlank()) {
- return;
- }
- // TODO: TYPE
- var splitAreaModel = axisModel.getModel('splitArea');
- var areaStyleModel = splitAreaModel.getModel('areaStyle');
- var areaColors = areaStyleModel.get('color');
- var gridRect = gridModel.coordinateSystem.getRect();
- var ticksCoords = axis.getTicksCoords({
- tickModel: splitAreaModel,
- clamp: true
- });
- if (!ticksCoords.length) {
- return;
- }
- // For Making appropriate splitArea animation, the color and anid
- // should be corresponding to previous one if possible.
- var areaColorsLen = areaColors.length;
- var lastSplitAreaColors = inner$6(axisView).splitAreaColors;
- var newSplitAreaColors = createHashMap();
- var colorIndex = 0;
- if (lastSplitAreaColors) {
- for (var i = 0; i < ticksCoords.length; i++) {
- var cIndex = lastSplitAreaColors.get(ticksCoords[i].tickValue);
- if (cIndex != null) {
- colorIndex = (cIndex + (areaColorsLen - 1) * i) % areaColorsLen;
- break;
- }
- }
- }
- var prev = axis.toGlobalCoord(ticksCoords[0].coord);
- var areaStyle = areaStyleModel.getAreaStyle();
- areaColors = isArray(areaColors) ? areaColors : [areaColors];
- for (var i = 1; i < ticksCoords.length; i++) {
- var tickCoord = axis.toGlobalCoord(ticksCoords[i].coord);
- var x = void 0;
- var y = void 0;
- var width = void 0;
- var height = void 0;
- if (axis.isHorizontal()) {
- x = prev;
- y = gridRect.y;
- width = tickCoord - x;
- height = gridRect.height;
- prev = x + width;
- } else {
- x = gridRect.x;
- y = prev;
- width = gridRect.width;
- height = tickCoord - y;
- prev = y + height;
- }
- var tickValue = ticksCoords[i - 1].tickValue;
- tickValue != null && newSplitAreaColors.set(tickValue, colorIndex);
- axisGroup.add(new Rect({
- anid: tickValue != null ? 'area_' + tickValue : null,
- shape: {
- x: x,
- y: y,
- width: width,
- height: height
- },
- style: defaults({
- fill: areaColors[colorIndex]
- }, areaStyle),
- autoBatch: true,
- silent: true
- }));
- colorIndex = (colorIndex + 1) % areaColorsLen;
- }
- inner$6(axisView).splitAreaColors = newSplitAreaColors;
- }
- function rectCoordAxisHandleRemove(axisView) {
- inner$6(axisView).splitAreaColors = null;
- }
-
- var axisBuilderAttrs = ['axisLine', 'axisTickLabel', 'axisName'];
- var selfBuilderAttrs = ['splitArea', 'splitLine', 'minorSplitLine'];
- var CartesianAxisView = /** @class */function (_super) {
- __extends(CartesianAxisView, _super);
- function CartesianAxisView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = CartesianAxisView.type;
- _this.axisPointerClass = 'CartesianAxisPointer';
- return _this;
- }
- /**
- * @override
- */
- CartesianAxisView.prototype.render = function (axisModel, ecModel, api, payload) {
- this.group.removeAll();
- var oldAxisGroup = this._axisGroup;
- this._axisGroup = new Group();
- this.group.add(this._axisGroup);
- if (!axisModel.get('show')) {
- return;
- }
- var gridModel = axisModel.getCoordSysModel();
- var layout = layout$1(gridModel, axisModel);
- var axisBuilder = new AxisBuilder(axisModel, extend({
- handleAutoShown: function (elementType) {
- var cartesians = gridModel.coordinateSystem.getCartesians();
- for (var i = 0; i < cartesians.length; i++) {
- if (isIntervalOrLogScale(cartesians[i].getOtherAxis(axisModel.axis).scale)) {
- // Still show axis tick or axisLine if other axis is value / log
- return true;
- }
- }
- // Not show axisTick or axisLine if other axis is category / time
- return false;
- }
- }, layout));
- each(axisBuilderAttrs, axisBuilder.add, axisBuilder);
- this._axisGroup.add(axisBuilder.getGroup());
- each(selfBuilderAttrs, function (name) {
- if (axisModel.get([name, 'show'])) {
- axisElementBuilders[name](this, this._axisGroup, axisModel, gridModel);
- }
- }, this);
- // THIS is a special case for bar racing chart.
- // Update the axis label from the natural initial layout to
- // sorted layout should has no animation.
- var isInitialSortFromBarRacing = payload && payload.type === 'changeAxisOrder' && payload.isInitSort;
- if (!isInitialSortFromBarRacing) {
- groupTransition(oldAxisGroup, this._axisGroup, axisModel);
- }
- _super.prototype.render.call(this, axisModel, ecModel, api, payload);
- };
- CartesianAxisView.prototype.remove = function () {
- rectCoordAxisHandleRemove(this);
- };
- CartesianAxisView.type = 'cartesianAxis';
- return CartesianAxisView;
- }(AxisView);
- var axisElementBuilders = {
- splitLine: function (axisView, axisGroup, axisModel, gridModel) {
- var axis = axisModel.axis;
- if (axis.scale.isBlank()) {
- return;
- }
- var splitLineModel = axisModel.getModel('splitLine');
- var lineStyleModel = splitLineModel.getModel('lineStyle');
- var lineColors = lineStyleModel.get('color');
- lineColors = isArray(lineColors) ? lineColors : [lineColors];
- var gridRect = gridModel.coordinateSystem.getRect();
- var isHorizontal = axis.isHorizontal();
- var lineCount = 0;
- var ticksCoords = axis.getTicksCoords({
- tickModel: splitLineModel
- });
- var p1 = [];
- var p2 = [];
- var lineStyle = lineStyleModel.getLineStyle();
- for (var i = 0; i < ticksCoords.length; i++) {
- var tickCoord = axis.toGlobalCoord(ticksCoords[i].coord);
- if (isHorizontal) {
- p1[0] = tickCoord;
- p1[1] = gridRect.y;
- p2[0] = tickCoord;
- p2[1] = gridRect.y + gridRect.height;
- } else {
- p1[0] = gridRect.x;
- p1[1] = tickCoord;
- p2[0] = gridRect.x + gridRect.width;
- p2[1] = tickCoord;
- }
- var colorIndex = lineCount++ % lineColors.length;
- var tickValue = ticksCoords[i].tickValue;
- var line = new Line({
- anid: tickValue != null ? 'line_' + ticksCoords[i].tickValue : null,
- autoBatch: true,
- shape: {
- x1: p1[0],
- y1: p1[1],
- x2: p2[0],
- y2: p2[1]
- },
- style: defaults({
- stroke: lineColors[colorIndex]
- }, lineStyle),
- silent: true
- });
- subPixelOptimizeLine$1(line.shape, lineStyle.lineWidth);
- axisGroup.add(line);
- }
- },
- minorSplitLine: function (axisView, axisGroup, axisModel, gridModel) {
- var axis = axisModel.axis;
- var minorSplitLineModel = axisModel.getModel('minorSplitLine');
- var lineStyleModel = minorSplitLineModel.getModel('lineStyle');
- var gridRect = gridModel.coordinateSystem.getRect();
- var isHorizontal = axis.isHorizontal();
- var minorTicksCoords = axis.getMinorTicksCoords();
- if (!minorTicksCoords.length) {
- return;
- }
- var p1 = [];
- var p2 = [];
- var lineStyle = lineStyleModel.getLineStyle();
- for (var i = 0; i < minorTicksCoords.length; i++) {
- for (var k = 0; k < minorTicksCoords[i].length; k++) {
- var tickCoord = axis.toGlobalCoord(minorTicksCoords[i][k].coord);
- if (isHorizontal) {
- p1[0] = tickCoord;
- p1[1] = gridRect.y;
- p2[0] = tickCoord;
- p2[1] = gridRect.y + gridRect.height;
- } else {
- p1[0] = gridRect.x;
- p1[1] = tickCoord;
- p2[0] = gridRect.x + gridRect.width;
- p2[1] = tickCoord;
- }
- var line = new Line({
- anid: 'minor_line_' + minorTicksCoords[i][k].tickValue,
- autoBatch: true,
- shape: {
- x1: p1[0],
- y1: p1[1],
- x2: p2[0],
- y2: p2[1]
- },
- style: lineStyle,
- silent: true
- });
- subPixelOptimizeLine$1(line.shape, lineStyle.lineWidth);
- axisGroup.add(line);
- }
- }
- },
- splitArea: function (axisView, axisGroup, axisModel, gridModel) {
- rectCoordAxisBuildSplitArea(axisView, axisGroup, axisModel, gridModel);
- }
- };
- var CartesianXAxisView = /** @class */function (_super) {
- __extends(CartesianXAxisView, _super);
- function CartesianXAxisView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = CartesianXAxisView.type;
- return _this;
- }
- CartesianXAxisView.type = 'xAxis';
- return CartesianXAxisView;
- }(CartesianAxisView);
- var CartesianYAxisView = /** @class */function (_super) {
- __extends(CartesianYAxisView, _super);
- function CartesianYAxisView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = CartesianXAxisView.type;
- return _this;
- }
- CartesianYAxisView.type = 'yAxis';
- return CartesianYAxisView;
- }(CartesianAxisView);
-
- // Grid view
- var GridView = /** @class */function (_super) {
- __extends(GridView, _super);
- function GridView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = 'grid';
- return _this;
- }
- GridView.prototype.render = function (gridModel, ecModel) {
- this.group.removeAll();
- if (gridModel.get('show')) {
- this.group.add(new Rect({
- shape: gridModel.coordinateSystem.getRect(),
- style: defaults({
- fill: gridModel.get('backgroundColor')
- }, gridModel.getItemStyle()),
- silent: true,
- z2: -1
- }));
- }
- };
- GridView.type = 'grid';
- return GridView;
- }(ComponentView);
- var extraOption = {
- // gridIndex: 0,
- // gridId: '',
- offset: 0
- };
- function install$5(registers) {
- registers.registerComponentView(GridView);
- registers.registerComponentModel(GridModel);
- registers.registerCoordinateSystem('cartesian2d', Grid);
- axisModelCreator(registers, 'x', CartesianAxisModel, extraOption);
- axisModelCreator(registers, 'y', CartesianAxisModel, extraOption);
- registers.registerComponentView(CartesianXAxisView);
- registers.registerComponentView(CartesianYAxisView);
- registers.registerPreprocessor(function (option) {
- // Only create grid when need
- if (option.xAxis && option.yAxis && !option.grid) {
- option.grid = {};
- }
- });
- }
-
- function install$6(registers) {
- // In case developer forget to include grid component
- use(install$5);
- registers.registerSeriesModel(ScatterSeriesModel);
- registers.registerChartView(ScatterView);
- registers.registerLayout(pointsLayout('scatter'));
- }
-
- function radarLayout(ecModel) {
- ecModel.eachSeriesByType('radar', function (seriesModel) {
- var data = seriesModel.getData();
- var points = [];
- var coordSys = seriesModel.coordinateSystem;
- if (!coordSys) {
- return;
- }
- var axes = coordSys.getIndicatorAxes();
- each(axes, function (axis, axisIndex) {
- data.each(data.mapDimension(axes[axisIndex].dim), function (val, dataIndex) {
- points[dataIndex] = points[dataIndex] || [];
- var point = coordSys.dataToPoint(val, axisIndex);
- points[dataIndex][axisIndex] = isValidPoint(point) ? point : getValueMissingPoint(coordSys);
- });
- });
- // Close polygon
- data.each(function (idx) {
- // TODO
- // Is it appropriate to connect to the next data when some data is missing?
- // Or, should trade it like `connectNull` in line chart?
- var firstPoint = find(points[idx], function (point) {
- return isValidPoint(point);
- }) || getValueMissingPoint(coordSys);
- // Copy the first actual point to the end of the array
- points[idx].push(firstPoint.slice());
- data.setItemLayout(idx, points[idx]);
- });
- });
- }
- function isValidPoint(point) {
- return !isNaN(point[0]) && !isNaN(point[1]);
- }
- function getValueMissingPoint(coordSys) {
- // It is error-prone to input [NaN, NaN] into polygon, polygon.
- // (probably cause problem when refreshing or animating)
- return [coordSys.cx, coordSys.cy];
- }
-
- function radarBackwardCompat(option) {
- var polarOptArr = option.polar;
- if (polarOptArr) {
- if (!isArray(polarOptArr)) {
- polarOptArr = [polarOptArr];
- }
- var polarNotRadar_1 = [];
- each(polarOptArr, function (polarOpt, idx) {
- if (polarOpt.indicator) {
- if (polarOpt.type && !polarOpt.shape) {
- polarOpt.shape = polarOpt.type;
- }
- option.radar = option.radar || [];
- if (!isArray(option.radar)) {
- option.radar = [option.radar];
- }
- option.radar.push(polarOpt);
- } else {
- polarNotRadar_1.push(polarOpt);
- }
- });
- option.polar = polarNotRadar_1;
- }
- each(option.series, function (seriesOpt) {
- if (seriesOpt && seriesOpt.type === 'radar' && seriesOpt.polarIndex) {
- seriesOpt.radarIndex = seriesOpt.polarIndex;
- }
- });
- }
-
- var RadarView = /** @class */function (_super) {
- __extends(RadarView, _super);
- function RadarView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = RadarView.type;
- return _this;
- }
- RadarView.prototype.render = function (seriesModel, ecModel, api) {
- var polar = seriesModel.coordinateSystem;
- var group = this.group;
- var data = seriesModel.getData();
- var oldData = this._data;
- function createSymbol$1(data, idx) {
- var symbolType = data.getItemVisual(idx, 'symbol') || 'circle';
- if (symbolType === 'none') {
- return;
- }
- var symbolSize = normalizeSymbolSize(data.getItemVisual(idx, 'symbolSize'));
- var symbolPath = createSymbol(symbolType, -1, -1, 2, 2);
- var symbolRotate = data.getItemVisual(idx, 'symbolRotate') || 0;
- symbolPath.attr({
- style: {
- strokeNoScale: true
- },
- z2: 100,
- scaleX: symbolSize[0] / 2,
- scaleY: symbolSize[1] / 2,
- rotation: symbolRotate * Math.PI / 180 || 0
- });
- return symbolPath;
- }
- function updateSymbols(oldPoints, newPoints, symbolGroup, data, idx, isInit) {
- // Simply rerender all
- symbolGroup.removeAll();
- for (var i = 0; i < newPoints.length - 1; i++) {
- var symbolPath = createSymbol$1(data, idx);
- if (symbolPath) {
- symbolPath.__dimIdx = i;
- if (oldPoints[i]) {
- symbolPath.setPosition(oldPoints[i]);
- graphic[isInit ? 'initProps' : 'updateProps'](symbolPath, {
- x: newPoints[i][0],
- y: newPoints[i][1]
- }, seriesModel, idx);
- } else {
- symbolPath.setPosition(newPoints[i]);
- }
- symbolGroup.add(symbolPath);
- }
- }
- }
- function getInitialPoints(points) {
- return map(points, function (pt) {
- return [polar.cx, polar.cy];
- });
- }
- data.diff(oldData).add(function (idx) {
- var points = data.getItemLayout(idx);
- if (!points) {
- return;
- }
- var polygon = new Polygon();
- var polyline = new Polyline();
- var target = {
- shape: {
- points: points
- }
- };
- polygon.shape.points = getInitialPoints(points);
- polyline.shape.points = getInitialPoints(points);
- initProps(polygon, target, seriesModel, idx);
- initProps(polyline, target, seriesModel, idx);
- var itemGroup = new Group();
- var symbolGroup = new Group();
- itemGroup.add(polyline);
- itemGroup.add(polygon);
- itemGroup.add(symbolGroup);
- updateSymbols(polyline.shape.points, points, symbolGroup, data, idx, true);
- data.setItemGraphicEl(idx, itemGroup);
- }).update(function (newIdx, oldIdx) {
- var itemGroup = oldData.getItemGraphicEl(oldIdx);
- var polyline = itemGroup.childAt(0);
- var polygon = itemGroup.childAt(1);
- var symbolGroup = itemGroup.childAt(2);
- var target = {
- shape: {
- points: data.getItemLayout(newIdx)
- }
- };
- if (!target.shape.points) {
- return;
- }
- updateSymbols(polyline.shape.points, target.shape.points, symbolGroup, data, newIdx, false);
- saveOldStyle(polygon);
- saveOldStyle(polyline);
- updateProps(polyline, target, seriesModel);
- updateProps(polygon, target, seriesModel);
- data.setItemGraphicEl(newIdx, itemGroup);
- }).remove(function (idx) {
- group.remove(oldData.getItemGraphicEl(idx));
- }).execute();
- data.eachItemGraphicEl(function (itemGroup, idx) {
- var itemModel = data.getItemModel(idx);
- var polyline = itemGroup.childAt(0);
- var polygon = itemGroup.childAt(1);
- var symbolGroup = itemGroup.childAt(2);
- // Radar uses the visual encoded from itemStyle.
- var itemStyle = data.getItemVisual(idx, 'style');
- var color = itemStyle.fill;
- group.add(itemGroup);
- polyline.useStyle(defaults(itemModel.getModel('lineStyle').getLineStyle(), {
- fill: 'none',
- stroke: color
- }));
- setStatesStylesFromModel(polyline, itemModel, 'lineStyle');
- setStatesStylesFromModel(polygon, itemModel, 'areaStyle');
- var areaStyleModel = itemModel.getModel('areaStyle');
- var polygonIgnore = areaStyleModel.isEmpty() && areaStyleModel.parentModel.isEmpty();
- polygon.ignore = polygonIgnore;
- each(['emphasis', 'select', 'blur'], function (stateName) {
- var stateModel = itemModel.getModel([stateName, 'areaStyle']);
- var stateIgnore = stateModel.isEmpty() && stateModel.parentModel.isEmpty();
- // Won't be ignore if normal state is not ignore.
- polygon.ensureState(stateName).ignore = stateIgnore && polygonIgnore;
- });
- polygon.useStyle(defaults(areaStyleModel.getAreaStyle(), {
- fill: color,
- opacity: 0.7,
- decal: itemStyle.decal
- }));
- var emphasisModel = itemModel.getModel('emphasis');
- var itemHoverStyle = emphasisModel.getModel('itemStyle').getItemStyle();
- symbolGroup.eachChild(function (symbolPath) {
- if (symbolPath instanceof ZRImage) {
- var pathStyle = symbolPath.style;
- symbolPath.useStyle(extend({
- // TODO other properties like x, y ?
- image: pathStyle.image,
- x: pathStyle.x,
- y: pathStyle.y,
- width: pathStyle.width,
- height: pathStyle.height
- }, itemStyle));
- } else {
- symbolPath.useStyle(itemStyle);
- symbolPath.setColor(color);
- symbolPath.style.strokeNoScale = true;
- }
- var pathEmphasisState = symbolPath.ensureState('emphasis');
- pathEmphasisState.style = clone(itemHoverStyle);
- var defaultText = data.getStore().get(data.getDimensionIndex(symbolPath.__dimIdx), idx);
- (defaultText == null || isNaN(defaultText)) && (defaultText = '');
- setLabelStyle(symbolPath, getLabelStatesModels(itemModel), {
- labelFetcher: data.hostModel,
- labelDataIndex: idx,
- labelDimIndex: symbolPath.__dimIdx,
- defaultText: defaultText,
- inheritColor: color,
- defaultOpacity: itemStyle.opacity
- });
- });
- toggleHoverEmphasis(itemGroup, emphasisModel.get('focus'), emphasisModel.get('blurScope'), emphasisModel.get('disabled'));
- });
- this._data = data;
- };
- RadarView.prototype.remove = function () {
- this.group.removeAll();
- this._data = null;
- };
- RadarView.type = 'radar';
- return RadarView;
- }(ChartView);
-
- var RadarSeriesModel = /** @class */function (_super) {
- __extends(RadarSeriesModel, _super);
- function RadarSeriesModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = RadarSeriesModel.type;
- _this.hasSymbolVisual = true;
- return _this;
- }
- // Overwrite
- RadarSeriesModel.prototype.init = function (option) {
- _super.prototype.init.apply(this, arguments);
- // Enable legend selection for each data item
- // Use a function instead of direct access because data reference may changed
- this.legendVisualProvider = new LegendVisualProvider(bind(this.getData, this), bind(this.getRawData, this));
- };
- RadarSeriesModel.prototype.getInitialData = function (option, ecModel) {
- return createSeriesDataSimply(this, {
- generateCoord: 'indicator_',
- generateCoordCount: Infinity
- });
- };
- RadarSeriesModel.prototype.formatTooltip = function (dataIndex, multipleSeries, dataType) {
- var data = this.getData();
- var coordSys = this.coordinateSystem;
- var indicatorAxes = coordSys.getIndicatorAxes();
- var name = this.getData().getName(dataIndex);
- var nameToDisplay = name === '' ? this.name : name;
- var markerColor = retrieveVisualColorForTooltipMarker(this, dataIndex);
- return createTooltipMarkup('section', {
- header: nameToDisplay,
- sortBlocks: true,
- blocks: map(indicatorAxes, function (axis) {
- var val = data.get(data.mapDimension(axis.dim), dataIndex);
- return createTooltipMarkup('nameValue', {
- markerType: 'subItem',
- markerColor: markerColor,
- name: axis.name,
- value: val,
- sortParam: val
- });
- })
- });
- };
- RadarSeriesModel.prototype.getTooltipPosition = function (dataIndex) {
- if (dataIndex != null) {
- var data_1 = this.getData();
- var coordSys = this.coordinateSystem;
- var values = data_1.getValues(map(coordSys.dimensions, function (dim) {
- return data_1.mapDimension(dim);
- }), dataIndex);
- for (var i = 0, len = values.length; i < len; i++) {
- if (!isNaN(values[i])) {
- var indicatorAxes = coordSys.getIndicatorAxes();
- return coordSys.coordToPoint(indicatorAxes[i].dataToCoord(values[i]), i);
- }
- }
- }
- };
- RadarSeriesModel.type = 'series.radar';
- RadarSeriesModel.dependencies = ['radar'];
- RadarSeriesModel.defaultOption = {
- // zlevel: 0,
- z: 2,
- colorBy: 'data',
- coordinateSystem: 'radar',
- legendHoverLink: true,
- radarIndex: 0,
- lineStyle: {
- width: 2,
- type: 'solid',
- join: 'round'
- },
- label: {
- position: 'top'
- },
- // areaStyle: {
- // },
- // itemStyle: {}
- symbolSize: 8
- // symbolRotate: null
- };
-
- return RadarSeriesModel;
- }(SeriesModel);
-
- var valueAxisDefault = axisDefault.value;
- function defaultsShow(opt, show) {
- return defaults({
- show: show
- }, opt);
- }
- var RadarModel = /** @class */function (_super) {
- __extends(RadarModel, _super);
- function RadarModel() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = RadarModel.type;
- return _this;
- }
- RadarModel.prototype.optionUpdated = function () {
- var boundaryGap = this.get('boundaryGap');
- var splitNumber = this.get('splitNumber');
- var scale = this.get('scale');
- var axisLine = this.get('axisLine');
- var axisTick = this.get('axisTick');
- // let axisType = this.get('axisType');
- var axisLabel = this.get('axisLabel');
- var nameTextStyle = this.get('axisName');
- var showName = this.get(['axisName', 'show']);
- var nameFormatter = this.get(['axisName', 'formatter']);
- var nameGap = this.get('axisNameGap');
- var triggerEvent = this.get('triggerEvent');
- var indicatorModels = map(this.get('indicator') || [], function (indicatorOpt) {
- // PENDING
- if (indicatorOpt.max != null && indicatorOpt.max > 0 && !indicatorOpt.min) {
- indicatorOpt.min = 0;
- } else if (indicatorOpt.min != null && indicatorOpt.min < 0 && !indicatorOpt.max) {
- indicatorOpt.max = 0;
- }
- var iNameTextStyle = nameTextStyle;
- if (indicatorOpt.color != null) {
- iNameTextStyle = defaults({
- color: indicatorOpt.color
- }, nameTextStyle);
- }
- // Use same configuration
- var innerIndicatorOpt = merge(clone(indicatorOpt), {
- boundaryGap: boundaryGap,
- splitNumber: splitNumber,
- scale: scale,
- axisLine: axisLine,
- axisTick: axisTick,
- // axisType: axisType,
- axisLabel: axisLabel,
- // Compatible with 2 and use text
- name: indicatorOpt.text,
- showName: showName,
- nameLocation: 'end',
- nameGap: nameGap,
- // min: 0,
- nameTextStyle: iNameTextStyle,
- triggerEvent: triggerEvent
- }, false);
- if (isString(nameFormatter)) {
- var indName = innerIndicatorOpt.name;
- innerIndicatorOpt.name = nameFormatter.replace('{value}', indName != null ? indName : '');
- } else if (isFunction(nameFormatter)) {
- innerIndicatorOpt.name = nameFormatter(innerIndicatorOpt.name, innerIndicatorOpt);
- }
- var model = new Model(innerIndicatorOpt, null, this.ecModel);
- mixin(model, AxisModelCommonMixin.prototype);
- // For triggerEvent.
- model.mainType = 'radar';
- model.componentIndex = this.componentIndex;
- return model;
- }, this);
- this._indicatorModels = indicatorModels;
- };
- RadarModel.prototype.getIndicatorModels = function () {
- return this._indicatorModels;
- };
- RadarModel.type = 'radar';
- RadarModel.defaultOption = {
- // zlevel: 0,
- z: 0,
- center: ['50%', '50%'],
- radius: '75%',
- startAngle: 90,
- axisName: {
- show: true
- // formatter: null
- // textStyle: {}
- },
-
- boundaryGap: [0, 0],
- splitNumber: 5,
- axisNameGap: 15,
- scale: false,
- // Polygon or circle
- shape: 'polygon',
- axisLine: merge({
- lineStyle: {
- color: '#bbb'
- }
- }, valueAxisDefault.axisLine),
- axisLabel: defaultsShow(valueAxisDefault.axisLabel, false),
- axisTick: defaultsShow(valueAxisDefault.axisTick, false),
- // axisType: 'value',
- splitLine: defaultsShow(valueAxisDefault.splitLine, true),
- splitArea: defaultsShow(valueAxisDefault.splitArea, true),
- // {text, min, max}
- indicator: []
- };
- return RadarModel;
- }(ComponentModel);
-
- var axisBuilderAttrs$1 = ['axisLine', 'axisTickLabel', 'axisName'];
- var RadarView$1 = /** @class */function (_super) {
- __extends(RadarView, _super);
- function RadarView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = RadarView.type;
- return _this;
- }
- RadarView.prototype.render = function (radarModel, ecModel, api) {
- var group = this.group;
- group.removeAll();
- this._buildAxes(radarModel);
- this._buildSplitLineAndArea(radarModel);
- };
- RadarView.prototype._buildAxes = function (radarModel) {
- var radar = radarModel.coordinateSystem;
- var indicatorAxes = radar.getIndicatorAxes();
- var axisBuilders = map(indicatorAxes, function (indicatorAxis) {
- var axisName = indicatorAxis.model.get('showName') ? indicatorAxis.name : ''; // hide name
- var axisBuilder = new AxisBuilder(indicatorAxis.model, {
- axisName: axisName,
- position: [radar.cx, radar.cy],
- rotation: indicatorAxis.angle,
- labelDirection: -1,
- tickDirection: -1,
- nameDirection: 1
- });
- return axisBuilder;
- });
- each(axisBuilders, function (axisBuilder) {
- each(axisBuilderAttrs$1, axisBuilder.add, axisBuilder);
- this.group.add(axisBuilder.getGroup());
- }, this);
- };
- RadarView.prototype._buildSplitLineAndArea = function (radarModel) {
- var radar = radarModel.coordinateSystem;
- var indicatorAxes = radar.getIndicatorAxes();
- if (!indicatorAxes.length) {
- return;
- }
- var shape = radarModel.get('shape');
- var splitLineModel = radarModel.getModel('splitLine');
- var splitAreaModel = radarModel.getModel('splitArea');
- var lineStyleModel = splitLineModel.getModel('lineStyle');
- var areaStyleModel = splitAreaModel.getModel('areaStyle');
- var showSplitLine = splitLineModel.get('show');
- var showSplitArea = splitAreaModel.get('show');
- var splitLineColors = lineStyleModel.get('color');
- var splitAreaColors = areaStyleModel.get('color');
- var splitLineColorsArr = isArray(splitLineColors) ? splitLineColors : [splitLineColors];
- var splitAreaColorsArr = isArray(splitAreaColors) ? splitAreaColors : [splitAreaColors];
- var splitLines = [];
- var splitAreas = [];
- function getColorIndex(areaOrLine, areaOrLineColorList, idx) {
- var colorIndex = idx % areaOrLineColorList.length;
- areaOrLine[colorIndex] = areaOrLine[colorIndex] || [];
- return colorIndex;
- }
- if (shape === 'circle') {
- var ticksRadius = indicatorAxes[0].getTicksCoords();
- var cx = radar.cx;
- var cy = radar.cy;
- for (var i = 0; i < ticksRadius.length; i++) {
- if (showSplitLine) {
- var colorIndex = getColorIndex(splitLines, splitLineColorsArr, i);
- splitLines[colorIndex].push(new Circle({
- shape: {
- cx: cx,
- cy: cy,
- r: ticksRadius[i].coord
- }
- }));
- }
- if (showSplitArea && i < ticksRadius.length - 1) {
- var colorIndex = getColorIndex(splitAreas, splitAreaColorsArr, i);
- splitAreas[colorIndex].push(new Ring({
- shape: {
- cx: cx,
- cy: cy,
- r0: ticksRadius[i].coord,
- r: ticksRadius[i + 1].coord
- }
- }));
- }
- }
- }
- // Polyyon
- else {
- var realSplitNumber_1;
- var axesTicksPoints = map(indicatorAxes, function (indicatorAxis, idx) {
- var ticksCoords = indicatorAxis.getTicksCoords();
- realSplitNumber_1 = realSplitNumber_1 == null ? ticksCoords.length - 1 : Math.min(ticksCoords.length - 1, realSplitNumber_1);
- return map(ticksCoords, function (tickCoord) {
- return radar.coordToPoint(tickCoord.coord, idx);
- });
- });
- var prevPoints = [];
- for (var i = 0; i <= realSplitNumber_1; i++) {
- var points = [];
- for (var j = 0; j < indicatorAxes.length; j++) {
- points.push(axesTicksPoints[j][i]);
- }
- // Close
- if (points[0]) {
- points.push(points[0].slice());
- } else {
- if ("development" !== 'production') {
- console.error('Can\'t draw value axis ' + i);
- }
- }
- if (showSplitLine) {
- var colorIndex = getColorIndex(splitLines, splitLineColorsArr, i);
- splitLines[colorIndex].push(new Polyline({
- shape: {
- points: points
- }
- }));
- }
- if (showSplitArea && prevPoints) {
- var colorIndex = getColorIndex(splitAreas, splitAreaColorsArr, i - 1);
- splitAreas[colorIndex].push(new Polygon({
- shape: {
- points: points.concat(prevPoints)
- }
- }));
- }
- prevPoints = points.slice().reverse();
- }
- }
- var lineStyle = lineStyleModel.getLineStyle();
- var areaStyle = areaStyleModel.getAreaStyle();
- // Add splitArea before splitLine
- each(splitAreas, function (splitAreas, idx) {
- this.group.add(mergePath$1(splitAreas, {
- style: defaults({
- stroke: 'none',
- fill: splitAreaColorsArr[idx % splitAreaColorsArr.length]
- }, areaStyle),
- silent: true
- }));
- }, this);
- each(splitLines, function (splitLines, idx) {
- this.group.add(mergePath$1(splitLines, {
- style: defaults({
- fill: 'none',
- stroke: splitLineColorsArr[idx % splitLineColorsArr.length]
- }, lineStyle),
- silent: true
- }));
- }, this);
- };
- RadarView.type = 'radar';
- return RadarView;
- }(ComponentView);
-
- var IndicatorAxis = /** @class */function (_super) {
- __extends(IndicatorAxis, _super);
- function IndicatorAxis(dim, scale, radiusExtent) {
- var _this = _super.call(this, dim, scale, radiusExtent) || this;
- _this.type = 'value';
- _this.angle = 0;
- _this.name = '';
- return _this;
- }
- return IndicatorAxis;
- }(Axis);
-
- var Radar = /** @class */function () {
- function Radar(radarModel, ecModel, api) {
- /**
- *
- * Radar dimensions
- */
- this.dimensions = [];
- this._model = radarModel;
- this._indicatorAxes = map(radarModel.getIndicatorModels(), function (indicatorModel, idx) {
- var dim = 'indicator_' + idx;
- var indicatorAxis = new IndicatorAxis(dim, new IntervalScale()
- // (indicatorModel.get('axisType') === 'log') ? new LogScale() : new IntervalScale()
- );
-
- indicatorAxis.name = indicatorModel.get('name');
- // Inject model and axis
- indicatorAxis.model = indicatorModel;
- indicatorModel.axis = indicatorAxis;
- this.dimensions.push(dim);
- return indicatorAxis;
- }, this);
- this.resize(radarModel, api);
- }
- Radar.prototype.getIndicatorAxes = function () {
- return this._indicatorAxes;
- };
- Radar.prototype.dataToPoint = function (value, indicatorIndex) {
- var indicatorAxis = this._indicatorAxes[indicatorIndex];
- return this.coordToPoint(indicatorAxis.dataToCoord(value), indicatorIndex);
- };
- // TODO: API should be coordToPoint([coord, indicatorIndex])
- Radar.prototype.coordToPoint = function (coord, indicatorIndex) {
- var indicatorAxis = this._indicatorAxes[indicatorIndex];
- var angle = indicatorAxis.angle;
- var x = this.cx + coord * Math.cos(angle);
- var y = this.cy - coord * Math.sin(angle);
- return [x, y];
- };
- Radar.prototype.pointToData = function (pt) {
- var dx = pt[0] - this.cx;
- var dy = pt[1] - this.cy;
- var radius = Math.sqrt(dx * dx + dy * dy);
- dx /= radius;
- dy /= radius;
- var radian = Math.atan2(-dy, dx);
- // Find the closest angle
- // FIXME index can calculated directly
- var minRadianDiff = Infinity;
- var closestAxis;
- var closestAxisIdx = -1;
- for (var i = 0; i < this._indicatorAxes.length; i++) {
- var indicatorAxis = this._indicatorAxes[i];
- var diff = Math.abs(radian - indicatorAxis.angle);
- if (diff < minRadianDiff) {
- closestAxis = indicatorAxis;
- closestAxisIdx = i;
- minRadianDiff = diff;
- }
- }
- return [closestAxisIdx, +(closestAxis && closestAxis.coordToData(radius))];
- };
- Radar.prototype.resize = function (radarModel, api) {
- var center = radarModel.get('center');
- var viewWidth = api.getWidth();
- var viewHeight = api.getHeight();
- var viewSize = Math.min(viewWidth, viewHeight) / 2;
- this.cx = parsePercent$1(center[0], viewWidth);
- this.cy = parsePercent$1(center[1], viewHeight);
- this.startAngle = radarModel.get('startAngle') * Math.PI / 180;
- // radius may be single value like `20`, `'80%'`, or array like `[10, '80%']`
- var radius = radarModel.get('radius');
- if (isString(radius) || isNumber(radius)) {
- radius = [0, radius];
- }
- this.r0 = parsePercent$1(radius[0], viewSize);
- this.r = parsePercent$1(radius[1], viewSize);
- each(this._indicatorAxes, function (indicatorAxis, idx) {
- indicatorAxis.setExtent(this.r0, this.r);
- var angle = this.startAngle + idx * Math.PI * 2 / this._indicatorAxes.length;
- // Normalize to [-PI, PI]
- angle = Math.atan2(Math.sin(angle), Math.cos(angle));
- indicatorAxis.angle = angle;
- }, this);
- };
- Radar.prototype.update = function (ecModel, api) {
- var indicatorAxes = this._indicatorAxes;
- var radarModel = this._model;
- each(indicatorAxes, function (indicatorAxis) {
- indicatorAxis.scale.setExtent(Infinity, -Infinity);
- });
- ecModel.eachSeriesByType('radar', function (radarSeries, idx) {
- if (radarSeries.get('coordinateSystem') !== 'radar'
- // @ts-ignore
- || ecModel.getComponent('radar', radarSeries.get('radarIndex')) !== radarModel) {
- return;
- }
- var data = radarSeries.getData();
- each(indicatorAxes, function (indicatorAxis) {
- indicatorAxis.scale.unionExtentFromData(data, data.mapDimension(indicatorAxis.dim));
- });
- }, this);
- var splitNumber = radarModel.get('splitNumber');
- var dummyScale = new IntervalScale();
- dummyScale.setExtent(0, splitNumber);
- dummyScale.setInterval(1);
- // Force all the axis fixing the maxSplitNumber.
- each(indicatorAxes, function (indicatorAxis, idx) {
- alignScaleTicks(indicatorAxis.scale, indicatorAxis.model, dummyScale);
- });
- };
- Radar.prototype.convertToPixel = function (ecModel, finder, value) {
- console.warn('Not implemented.');
- return null;
- };
- Radar.prototype.convertFromPixel = function (ecModel, finder, pixel) {
- console.warn('Not implemented.');
- return null;
- };
- Radar.prototype.containPoint = function (point) {
- console.warn('Not implemented.');
- return false;
- };
- Radar.create = function (ecModel, api) {
- var radarList = [];
- ecModel.eachComponent('radar', function (radarModel) {
- var radar = new Radar(radarModel, ecModel, api);
- radarList.push(radar);
- radarModel.coordinateSystem = radar;
- });
- ecModel.eachSeriesByType('radar', function (radarSeries) {
- if (radarSeries.get('coordinateSystem') === 'radar') {
- // Inject coordinate system
- // @ts-ignore
- radarSeries.coordinateSystem = radarList[radarSeries.get('radarIndex') || 0];
- }
- });
- return radarList;
- };
- /**
- * Radar dimensions is based on the data
- */
- Radar.dimensions = [];
- return Radar;
- }();
-
- function install$7(registers) {
- registers.registerCoordinateSystem('radar', Radar);
- registers.registerComponentModel(RadarModel);
- registers.registerComponentView(RadarView$1);
- registers.registerVisual({
- seriesType: 'radar',
- reset: function (seriesModel) {
- var data = seriesModel.getData();
- // itemVisual symbol is for selected data
- data.each(function (idx) {
- data.setItemVisual(idx, 'legendIcon', 'roundRect');
- });
- // visual is for unselected data
- data.setVisual('legendIcon', 'roundRect');
- }
- });
- }
-
- function install$8(registers) {
- use(install$7);
- registers.registerChartView(RadarView);
- registers.registerSeriesModel(RadarSeriesModel);
- registers.registerLayout(radarLayout);
- registers.registerProcessor(dataFilter('radar'));
- registers.registerPreprocessor(radarBackwardCompat);
- }
-
- var ATTR = '\0_ec_interaction_mutex';
- function take(zr, resourceKey, userKey) {
- var store = getStore(zr);
- store[resourceKey] = userKey;
- }
- function release(zr, resourceKey, userKey) {
- var store = getStore(zr);
- var uKey = store[resourceKey];
- if (uKey === userKey) {
- store[resourceKey] = null;
- }
- }
- function isTaken(zr, resourceKey) {
- return !!getStore(zr)[resourceKey];
- }
- function getStore(zr) {
- return zr[ATTR] || (zr[ATTR] = {});
- }
- /**
- * payload: {
- * type: 'takeGlobalCursor',
- * key: 'dataZoomSelect', or 'brush', or ...,
- * If no userKey, release global cursor.
- * }
- */
- // TODO: SELF REGISTERED.
- registerAction({
- type: 'takeGlobalCursor',
- event: 'globalCursorTaken',
- update: 'update'
- }, noop);
-
- var RoamController = /** @class */function (_super) {
- __extends(RoamController, _super);
- function RoamController(zr) {
- var _this = _super.call(this) || this;
- _this._zr = zr;
- // Avoid two roamController bind the same handler
- var mousedownHandler = bind(_this._mousedownHandler, _this);
- var mousemoveHandler = bind(_this._mousemoveHandler, _this);
- var mouseupHandler = bind(_this._mouseupHandler, _this);
- var mousewheelHandler = bind(_this._mousewheelHandler, _this);
- var pinchHandler = bind(_this._pinchHandler, _this);
- /**
- * Notice: only enable needed types. For example, if 'zoom'
- * is not needed, 'zoom' should not be enabled, otherwise
- * default mousewheel behaviour (scroll page) will be disabled.
- */
- _this.enable = function (controlType, opt) {
- // Disable previous first
- this.disable();
- this._opt = defaults(clone(opt) || {}, {
- zoomOnMouseWheel: true,
- moveOnMouseMove: true,
- // By default, wheel do not trigger move.
- moveOnMouseWheel: false,
- preventDefaultMouseMove: true
- });
- if (controlType == null) {
- controlType = true;
- }
- if (controlType === true || controlType === 'move' || controlType === 'pan') {
- zr.on('mousedown', mousedownHandler);
- zr.on('mousemove', mousemoveHandler);
- zr.on('mouseup', mouseupHandler);
- }
- if (controlType === true || controlType === 'scale' || controlType === 'zoom') {
- zr.on('mousewheel', mousewheelHandler);
- zr.on('pinch', pinchHandler);
- }
- };
- _this.disable = function () {
- zr.off('mousedown', mousedownHandler);
- zr.off('mousemove', mousemoveHandler);
- zr.off('mouseup', mouseupHandler);
- zr.off('mousewheel', mousewheelHandler);
- zr.off('pinch', pinchHandler);
- };
- return _this;
- }
- RoamController.prototype.isDragging = function () {
- return this._dragging;
- };
- RoamController.prototype.isPinching = function () {
- return this._pinching;
- };
- RoamController.prototype.setPointerChecker = function (pointerChecker) {
- this.pointerChecker = pointerChecker;
- };
- RoamController.prototype.dispose = function () {
- this.disable();
- };
- RoamController.prototype._mousedownHandler = function (e) {
- if (isMiddleOrRightButtonOnMouseUpDown(e)) {
- return;
- }
- var el = e.target;
- while (el) {
- if (el.draggable) {
- return;
- }
- // check if host is draggable
- el = el.__hostTarget || el.parent;
- }
- var x = e.offsetX;
- var y = e.offsetY;
- // Only check on mosedown, but not mousemove.
- // Mouse can be out of target when mouse moving.
- if (this.pointerChecker && this.pointerChecker(e, x, y)) {
- this._x = x;
- this._y = y;
- this._dragging = true;
- }
- };
- RoamController.prototype._mousemoveHandler = function (e) {
- if (!this._dragging || !isAvailableBehavior('moveOnMouseMove', e, this._opt) || e.gestureEvent === 'pinch' || isTaken(this._zr, 'globalPan')) {
- return;
- }
- var x = e.offsetX;
- var y = e.offsetY;
- var oldX = this._x;
- var oldY = this._y;
- var dx = x - oldX;
- var dy = y - oldY;
- this._x = x;
- this._y = y;
- this._opt.preventDefaultMouseMove && stop(e.event);
- trigger(this, 'pan', 'moveOnMouseMove', e, {
- dx: dx,
- dy: dy,
- oldX: oldX,
- oldY: oldY,
- newX: x,
- newY: y,
- isAvailableBehavior: null
- });
- };
- RoamController.prototype._mouseupHandler = function (e) {
- if (!isMiddleOrRightButtonOnMouseUpDown(e)) {
- this._dragging = false;
- }
- };
- RoamController.prototype._mousewheelHandler = function (e) {
- var shouldZoom = isAvailableBehavior('zoomOnMouseWheel', e, this._opt);
- var shouldMove = isAvailableBehavior('moveOnMouseWheel', e, this._opt);
- var wheelDelta = e.wheelDelta;
- var absWheelDeltaDelta = Math.abs(wheelDelta);
- var originX = e.offsetX;
- var originY = e.offsetY;
- // wheelDelta maybe -0 in chrome mac.
- if (wheelDelta === 0 || !shouldZoom && !shouldMove) {
- return;
- }
- // If both `shouldZoom` and `shouldMove` is true, trigger
- // their event both, and the final behavior is determined
- // by event listener themselves.
- if (shouldZoom) {
- // Convenience:
- // Mac and VM Windows on Mac: scroll up: zoom out.
- // Windows: scroll up: zoom in.
- // FIXME: Should do more test in different environment.
- // wheelDelta is too complicated in difference nvironment
- // (https://developer.mozilla.org/en-US/docs/Web/Events/mousewheel),
- // although it has been normallized by zrender.
- // wheelDelta of mouse wheel is bigger than touch pad.
- var factor = absWheelDeltaDelta > 3 ? 1.4 : absWheelDeltaDelta > 1 ? 1.2 : 1.1;
- var scale = wheelDelta > 0 ? factor : 1 / factor;
- checkPointerAndTrigger(this, 'zoom', 'zoomOnMouseWheel', e, {
- scale: scale,
- originX: originX,
- originY: originY,
- isAvailableBehavior: null
- });
- }
- if (shouldMove) {
- // FIXME: Should do more test in different environment.
- var absDelta = Math.abs(wheelDelta);
- // wheelDelta of mouse wheel is bigger than touch pad.
- var scrollDelta = (wheelDelta > 0 ? 1 : -1) * (absDelta > 3 ? 0.4 : absDelta > 1 ? 0.15 : 0.05);
- checkPointerAndTrigger(this, 'scrollMove', 'moveOnMouseWheel', e, {
- scrollDelta: scrollDelta,
- originX: originX,
- originY: originY,
- isAvailableBehavior: null
- });
- }
- };
- RoamController.prototype._pinchHandler = function (e) {
- if (isTaken(this._zr, 'globalPan')) {
- return;
- }
- var scale = e.pinchScale > 1 ? 1.1 : 1 / 1.1;
- checkPointerAndTrigger(this, 'zoom', null, e, {
- scale: scale,
- originX: e.pinchX,
- originY: e.pinchY,
- isAvailableBehavior: null
- });
- };
- return RoamController;
- }(Eventful);
- function checkPointerAndTrigger(controller, eventName, behaviorToCheck, e, contollerEvent) {
- if (controller.pointerChecker && controller.pointerChecker(e, contollerEvent.originX, contollerEvent.originY)) {
- // When mouse is out of roamController rect,
- // default befavoius should not be be disabled, otherwise
- // page sliding is disabled, contrary to expectation.
- stop(e.event);
- trigger(controller, eventName, behaviorToCheck, e, contollerEvent);
- }
- }
- function trigger(controller, eventName, behaviorToCheck, e, contollerEvent) {
- // Also provide behavior checker for event listener, for some case that
- // multiple components share one listener.
- contollerEvent.isAvailableBehavior = bind(isAvailableBehavior, null, behaviorToCheck, e);
- // TODO should not have type issue.
- controller.trigger(eventName, contollerEvent);
- }
- // settings: {
- // zoomOnMouseWheel
- // moveOnMouseMove
- // moveOnMouseWheel
- // }
- // The value can be: true / false / 'shift' / 'ctrl' / 'alt'.
- function isAvailableBehavior(behaviorToCheck, e, settings) {
- var setting = settings[behaviorToCheck];
- return !behaviorToCheck || setting && (!isString(setting) || e.event[setting + 'Key']);
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- /**
- * For geo and graph.
- */
- function updateViewOnPan(controllerHost, dx, dy) {
- var target = controllerHost.target;
- target.x += dx;
- target.y += dy;
- target.dirty();
- }
- /**
- * For geo and graph.
- */
- function updateViewOnZoom(controllerHost, zoomDelta, zoomX, zoomY) {
- var target = controllerHost.target;
- var zoomLimit = controllerHost.zoomLimit;
- var newZoom = controllerHost.zoom = controllerHost.zoom || 1;
- newZoom *= zoomDelta;
- if (zoomLimit) {
- var zoomMin = zoomLimit.min || 0;
- var zoomMax = zoomLimit.max || Infinity;
- newZoom = Math.max(Math.min(zoomMax, newZoom), zoomMin);
- }
- var zoomScale = newZoom / controllerHost.zoom;
- controllerHost.zoom = newZoom;
- // Keep the mouse center when scaling
- target.x -= (zoomX - target.x) * (zoomScale - 1);
- target.y -= (zoomY - target.y) * (zoomScale - 1);
- target.scaleX *= zoomScale;
- target.scaleY *= zoomScale;
- target.dirty();
- }
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-
- /**
- * AUTO-GENERATED FILE. DO NOT MODIFY.
- */
-
- /*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
- var IRRELEVANT_EXCLUDES = {
- 'axisPointer': 1,
- 'tooltip': 1,
- 'brush': 1
- };
- /**
- * Avoid that: mouse click on a elements that is over geo or graph,
- * but roam is triggered.
- */
- function onIrrelevantElement(e, api, targetCoordSysModel) {
- var model = api.getComponentByElement(e.topTarget);
- // If model is axisModel, it works only if it is injected with coordinateSystem.
- var coordSys = model && model.coordinateSystem;
- return model && model !== targetCoordSysModel && !IRRELEVANT_EXCLUDES.hasOwnProperty(model.mainType) && coordSys && coordSys.model !== targetCoordSysModel;
- }
-
- function parseXML(svg) {
- if (isString(svg)) {
- var parser = new DOMParser();
- svg = parser.parseFromString(svg, 'text/xml');
- }
- var svgNode = svg;
- if (svgNode.nodeType === 9) {
- svgNode = svgNode.firstChild;
- }
- while (svgNode.nodeName.toLowerCase() !== 'svg' || svgNode.nodeType !== 1) {
- svgNode = svgNode.nextSibling;
- }
- return svgNode;
- }
-
- var nodeParsers;
- var INHERITABLE_STYLE_ATTRIBUTES_MAP = {
- 'fill': 'fill',
- 'stroke': 'stroke',
- 'stroke-width': 'lineWidth',
- 'opacity': 'opacity',
- 'fill-opacity': 'fillOpacity',
- 'stroke-opacity': 'strokeOpacity',
- 'stroke-dasharray': 'lineDash',
- 'stroke-dashoffset': 'lineDashOffset',
- 'stroke-linecap': 'lineCap',
- 'stroke-linejoin': 'lineJoin',
- 'stroke-miterlimit': 'miterLimit',
- 'font-family': 'fontFamily',
- 'font-size': 'fontSize',
- 'font-style': 'fontStyle',
- 'font-weight': 'fontWeight',
- 'text-anchor': 'textAlign',
- 'visibility': 'visibility',
- 'display': 'display'
- };
- var INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS = keys(INHERITABLE_STYLE_ATTRIBUTES_MAP);
- var SELF_STYLE_ATTRIBUTES_MAP = {
- 'alignment-baseline': 'textBaseline',
- 'stop-color': 'stopColor'
- };
- var SELF_STYLE_ATTRIBUTES_MAP_KEYS = keys(SELF_STYLE_ATTRIBUTES_MAP);
- var SVGParser = (function () {
- function SVGParser() {
- this._defs = {};
- this._root = null;
- }
- SVGParser.prototype.parse = function (xml, opt) {
- opt = opt || {};
- var svg = parseXML(xml);
- if ("development" !== 'production') {
- if (!svg) {
- throw new Error('Illegal svg');
- }
- }
- this._defsUsePending = [];
- var root = new Group();
- this._root = root;
- var named = [];
- var viewBox = svg.getAttribute('viewBox') || '';
- var width = parseFloat((svg.getAttribute('width') || opt.width));
- var height = parseFloat((svg.getAttribute('height') || opt.height));
- isNaN(width) && (width = null);
- isNaN(height) && (height = null);
- parseAttributes(svg, root, null, true, false);
- var child = svg.firstChild;
- while (child) {
- this._parseNode(child, root, named, null, false, false);
- child = child.nextSibling;
- }
- applyDefs(this._defs, this._defsUsePending);
- this._defsUsePending = [];
- var viewBoxRect;
- var viewBoxTransform;
- if (viewBox) {
- var viewBoxArr = splitNumberSequence(viewBox);
- if (viewBoxArr.length >= 4) {
- viewBoxRect = {
- x: parseFloat((viewBoxArr[0] || 0)),
- y: parseFloat((viewBoxArr[1] || 0)),
- width: parseFloat(viewBoxArr[2]),
- height: parseFloat(viewBoxArr[3])
- };
- }
- }
- if (viewBoxRect && width != null && height != null) {
- viewBoxTransform = makeViewBoxTransform(viewBoxRect, { x: 0, y: 0, width: width, height: height });
- if (!opt.ignoreViewBox) {
- var elRoot = root;
- root = new Group();
- root.add(elRoot);
- elRoot.scaleX = elRoot.scaleY = viewBoxTransform.scale;
- elRoot.x = viewBoxTransform.x;
- elRoot.y = viewBoxTransform.y;
- }
- }
- if (!opt.ignoreRootClip && width != null && height != null) {
- root.setClipPath(new Rect({
- shape: { x: 0, y: 0, width: width, height: height }
- }));
- }
- return {
- root: root,
- width: width,
- height: height,
- viewBoxRect: viewBoxRect,
- viewBoxTransform: viewBoxTransform,
- named: named
- };
- };
- SVGParser.prototype._parseNode = function (xmlNode, parentGroup, named, namedFrom, isInDefs, isInText) {
- var nodeName = xmlNode.nodeName.toLowerCase();
- var el;
- var namedFromForSub = namedFrom;
- if (nodeName === 'defs') {
- isInDefs = true;
- }
- if (nodeName === 'text') {
- isInText = true;
- }
- if (nodeName === 'defs' || nodeName === 'switch') {
- el = parentGroup;
- }
- else {
- if (!isInDefs) {
- var parser_1 = nodeParsers[nodeName];
- if (parser_1 && hasOwn(nodeParsers, nodeName)) {
- el = parser_1.call(this, xmlNode, parentGroup);
- var nameAttr = xmlNode.getAttribute('name');
- if (nameAttr) {
- var newNamed = {
- name: nameAttr,
- namedFrom: null,
- svgNodeTagLower: nodeName,
- el: el
- };
- named.push(newNamed);
- if (nodeName === 'g') {
- namedFromForSub = newNamed;
- }
- }
- else if (namedFrom) {
- named.push({
- name: namedFrom.name,
- namedFrom: namedFrom,
- svgNodeTagLower: nodeName,
- el: el
- });
- }
- parentGroup.add(el);
- }
- }
- var parser = paintServerParsers[nodeName];
- if (parser && hasOwn(paintServerParsers, nodeName)) {
- var def = parser.call(this, xmlNode);
- var id = xmlNode.getAttribute('id');
- if (id) {
- this._defs[id] = def;
- }
- }
- }
- if (el && el.isGroup) {
- var child = xmlNode.firstChild;
- while (child) {
- if (child.nodeType === 1) {
- this._parseNode(child, el, named, namedFromForSub, isInDefs, isInText);
- }
- else if (child.nodeType === 3 && isInText) {
- this._parseText(child, el);
- }
- child = child.nextSibling;
- }
- }
- };
- SVGParser.prototype._parseText = function (xmlNode, parentGroup) {
- var text = new TSpan({
- style: {
- text: xmlNode.textContent
- },
- silent: true,
- x: this._textX || 0,
- y: this._textY || 0
- });
- inheritStyle(parentGroup, text);
- parseAttributes(xmlNode, text, this._defsUsePending, false, false);
- applyTextAlignment(text, parentGroup);
- var textStyle = text.style;
- var fontSize = textStyle.fontSize;
- if (fontSize && fontSize < 9) {
- textStyle.fontSize = 9;
- text.scaleX *= fontSize / 9;
- text.scaleY *= fontSize / 9;
- }
- var font = (textStyle.fontSize || textStyle.fontFamily) && [
- textStyle.fontStyle,
- textStyle.fontWeight,
- (textStyle.fontSize || 12) + 'px',
- textStyle.fontFamily || 'sans-serif'
- ].join(' ');
- textStyle.font = font;
- var rect = text.getBoundingRect();
- this._textX += rect.width;
- parentGroup.add(text);
- return text;
- };
- SVGParser.internalField = (function () {
- nodeParsers = {
- 'g': function (xmlNode, parentGroup) {
- var g = new Group();
- inheritStyle(parentGroup, g);
- parseAttributes(xmlNode, g, this._defsUsePending, false, false);
- return g;
- },
- 'rect': function (xmlNode, parentGroup) {
- var rect = new Rect();
- inheritStyle(parentGroup, rect);
- parseAttributes(xmlNode, rect, this._defsUsePending, false, false);
- rect.setShape({
- x: parseFloat(xmlNode.getAttribute('x') || '0'),
- y: parseFloat(xmlNode.getAttribute('y') || '0'),
- width: parseFloat(xmlNode.getAttribute('width') || '0'),
- height: parseFloat(xmlNode.getAttribute('height') || '0')
- });
- rect.silent = true;
- return rect;
- },
- 'circle': function (xmlNode, parentGroup) {
- var circle = new Circle();
- inheritStyle(parentGroup, circle);
- parseAttributes(xmlNode, circle, this._defsUsePending, false, false);
- circle.setShape({
- cx: parseFloat(xmlNode.getAttribute('cx') || '0'),
- cy: parseFloat(xmlNode.getAttribute('cy') || '0'),
- r: parseFloat(xmlNode.getAttribute('r') || '0')
- });
- circle.silent = true;
- return circle;
- },
- 'line': function (xmlNode, parentGroup) {
- var line = new Line();
- inheritStyle(parentGroup, line);
- parseAttributes(xmlNode, line, this._defsUsePending, false, false);
- line.setShape({
- x1: parseFloat(xmlNode.getAttribute('x1') || '0'),
- y1: parseFloat(xmlNode.getAttribute('y1') || '0'),
- x2: parseFloat(xmlNode.getAttribute('x2') || '0'),
- y2: parseFloat(xmlNode.getAttribute('y2') || '0')
- });
- line.silent = true;
- return line;
- },
- 'ellipse': function (xmlNode, parentGroup) {
- var ellipse = new Ellipse();
- inheritStyle(parentGroup, ellipse);
- parseAttributes(xmlNode, ellipse, this._defsUsePending, false, false);
- ellipse.setShape({
- cx: parseFloat(xmlNode.getAttribute('cx') || '0'),
- cy: parseFloat(xmlNode.getAttribute('cy') || '0'),
- rx: parseFloat(xmlNode.getAttribute('rx') || '0'),
- ry: parseFloat(xmlNode.getAttribute('ry') || '0')
- });
- ellipse.silent = true;
- return ellipse;
- },
- 'polygon': function (xmlNode, parentGroup) {
- var pointsStr = xmlNode.getAttribute('points');
- var pointsArr;
- if (pointsStr) {
- pointsArr = parsePoints(pointsStr);
- }
- var polygon = new Polygon({
- shape: {
- points: pointsArr || []
- },
- silent: true
- });
- inheritStyle(parentGroup, polygon);
- parseAttributes(xmlNode, polygon, this._defsUsePending, false, false);
- return polygon;
- },
- 'polyline': function (xmlNode, parentGroup) {
- var pointsStr = xmlNode.getAttribute('points');
- var pointsArr;
- if (pointsStr) {
- pointsArr = parsePoints(pointsStr);
- }
- var polyline = new Polyline({
- shape: {
- points: pointsArr || []
- },
- silent: true
- });
- inheritStyle(parentGroup, polyline);
- parseAttributes(xmlNode, polyline, this._defsUsePending, false, false);
- return polyline;
- },
- 'image': function (xmlNode, parentGroup) {
- var img = new ZRImage();
- inheritStyle(parentGroup, img);
- parseAttributes(xmlNode, img, this._defsUsePending, false, false);
- img.setStyle({
- image: xmlNode.getAttribute('xlink:href') || xmlNode.getAttribute('href'),
- x: +xmlNode.getAttribute('x'),
- y: +xmlNode.getAttribute('y'),
- width: +xmlNode.getAttribute('width'),
- height: +xmlNode.getAttribute('height')
- });
- img.silent = true;
- return img;
- },
- 'text': function (xmlNode, parentGroup) {
- var x = xmlNode.getAttribute('x') || '0';
- var y = xmlNode.getAttribute('y') || '0';
- var dx = xmlNode.getAttribute('dx') || '0';
- var dy = xmlNode.getAttribute('dy') || '0';
- this._textX = parseFloat(x) + parseFloat(dx);
- this._textY = parseFloat(y) + parseFloat(dy);
- var g = new Group();
- inheritStyle(parentGroup, g);
- parseAttributes(xmlNode, g, this._defsUsePending, false, true);
- return g;
- },
- 'tspan': function (xmlNode, parentGroup) {
- var x = xmlNode.getAttribute('x');
- var y = xmlNode.getAttribute('y');
- if (x != null) {
- this._textX = parseFloat(x);
- }
- if (y != null) {
- this._textY = parseFloat(y);
- }
- var dx = xmlNode.getAttribute('dx') || '0';
- var dy = xmlNode.getAttribute('dy') || '0';
- var g = new Group();
- inheritStyle(parentGroup, g);
- parseAttributes(xmlNode, g, this._defsUsePending, false, true);
- this._textX += parseFloat(dx);
- this._textY += parseFloat(dy);
- return g;
- },
- 'path': function (xmlNode, parentGroup) {
- var d = xmlNode.getAttribute('d') || '';
- var path = createFromString(d);
- inheritStyle(parentGroup, path);
- parseAttributes(xmlNode, path, this._defsUsePending, false, false);
- path.silent = true;
- return path;
- }
- };
- })();
- return SVGParser;
- }());
- var paintServerParsers = {
- 'lineargradient': function (xmlNode) {
- var x1 = parseInt(xmlNode.getAttribute('x1') || '0', 10);
- var y1 = parseInt(xmlNode.getAttribute('y1') || '0', 10);
- var x2 = parseInt(xmlNode.getAttribute('x2') || '10', 10);
- var y2 = parseInt(xmlNode.getAttribute('y2') || '0', 10);
- var gradient = new LinearGradient(x1, y1, x2, y2);
- parsePaintServerUnit(xmlNode, gradient);
- parseGradientColorStops(xmlNode, gradient);
- return gradient;
- },
- 'radialgradient': function (xmlNode) {
- var cx = parseInt(xmlNode.getAttribute('cx') || '0', 10);
- var cy = parseInt(xmlNode.getAttribute('cy') || '0', 10);
- var r = parseInt(xmlNode.getAttribute('r') || '0', 10);
- var gradient = new RadialGradient(cx, cy, r);
- parsePaintServerUnit(xmlNode, gradient);
- parseGradientColorStops(xmlNode, gradient);
- return gradient;
- }
- };
- function parsePaintServerUnit(xmlNode, gradient) {
- var gradientUnits = xmlNode.getAttribute('gradientUnits');
- if (gradientUnits === 'userSpaceOnUse') {
- gradient.global = true;
- }
- }
- function parseGradientColorStops(xmlNode, gradient) {
- var stop = xmlNode.firstChild;
- while (stop) {
- if (stop.nodeType === 1
- && stop.nodeName.toLocaleLowerCase() === 'stop') {
- var offsetStr = stop.getAttribute('offset');
- var offset = void 0;
- if (offsetStr && offsetStr.indexOf('%') > 0) {
- offset = parseInt(offsetStr, 10) / 100;
- }
- else if (offsetStr) {
- offset = parseFloat(offsetStr);
- }
- else {
- offset = 0;
- }
- var styleVals = {};
- parseInlineStyle(stop, styleVals, styleVals);
- var stopColor = styleVals.stopColor
- || stop.getAttribute('stop-color')
- || '#000000';
- gradient.colorStops.push({
- offset: offset,
- color: stopColor
- });
- }
- stop = stop.nextSibling;
- }
- }
- function inheritStyle(parent, child) {
- if (parent && parent.__inheritedStyle) {
- if (!child.__inheritedStyle) {
- child.__inheritedStyle = {};
- }
- defaults(child.__inheritedStyle, parent.__inheritedStyle);
- }
- }
- function parsePoints(pointsString) {
- var list = splitNumberSequence(pointsString);
- var points = [];
- for (var i = 0; i < list.length; i += 2) {
- var x = parseFloat(list[i]);
- var y = parseFloat(list[i + 1]);
- points.push([x, y]);
- }
- return points;
- }
- function parseAttributes(xmlNode, el, defsUsePending, onlyInlineStyle, isTextGroup) {
- var disp = el;
- var inheritedStyle = disp.__inheritedStyle = disp.__inheritedStyle || {};
- var selfStyle = {};
- if (xmlNode.nodeType === 1) {
- parseTransformAttribute(xmlNode, el);
- parseInlineStyle(xmlNode, inheritedStyle, selfStyle);
- if (!onlyInlineStyle) {
- parseAttributeStyle(xmlNode, inheritedStyle, selfStyle);
- }
- }
- disp.style = disp.style || {};
- if (inheritedStyle.fill != null) {
- disp.style.fill = getFillStrokeStyle(disp, 'fill', inheritedStyle.fill, defsUsePending);
- }
- if (inheritedStyle.stroke != null) {
- disp.style.stroke = getFillStrokeStyle(disp, 'stroke', inheritedStyle.stroke, defsUsePending);
- }
- each([
- 'lineWidth', 'opacity', 'fillOpacity', 'strokeOpacity', 'miterLimit', 'fontSize'
- ], function (propName) {
- if (inheritedStyle[propName] != null) {
- disp.style[propName] = parseFloat(inheritedStyle[propName]);
- }
- });
- each([
- 'lineDashOffset', 'lineCap', 'lineJoin', 'fontWeight', 'fontFamily', 'fontStyle', 'textAlign'
- ], function (propName) {
- if (inheritedStyle[propName] != null) {
- disp.style[propName] = inheritedStyle[propName];
- }
- });
- if (isTextGroup) {
- disp.__selfStyle = selfStyle;
- }
- if (inheritedStyle.lineDash) {
- disp.style.lineDash = map(splitNumberSequence(inheritedStyle.lineDash), function (str) {
- return parseFloat(str);
- });
- }
- if (inheritedStyle.visibility === 'hidden' || inheritedStyle.visibility === 'collapse') {
- disp.invisible = true;
- }
- if (inheritedStyle.display === 'none') {
- disp.ignore = true;
- }
- }
- function applyTextAlignment(text, parentGroup) {
- var parentSelfStyle = parentGroup.__selfStyle;
- if (parentSelfStyle) {
- var textBaseline = parentSelfStyle.textBaseline;
- var zrTextBaseline = textBaseline;
- if (!textBaseline || textBaseline === 'auto') {
- zrTextBaseline = 'alphabetic';
- }
- else if (textBaseline === 'baseline') {
- zrTextBaseline = 'alphabetic';
- }
- else if (textBaseline === 'before-edge' || textBaseline === 'text-before-edge') {
- zrTextBaseline = 'top';
- }
- else if (textBaseline === 'after-edge' || textBaseline === 'text-after-edge') {
- zrTextBaseline = 'bottom';
- }
- else if (textBaseline === 'central' || textBaseline === 'mathematical') {
- zrTextBaseline = 'middle';
- }
- text.style.textBaseline = zrTextBaseline;
- }
- var parentInheritedStyle = parentGroup.__inheritedStyle;
- if (parentInheritedStyle) {
- var textAlign = parentInheritedStyle.textAlign;
- var zrTextAlign = textAlign;
- if (textAlign) {
- if (textAlign === 'middle') {
- zrTextAlign = 'center';
- }
- text.style.textAlign = zrTextAlign;
- }
- }
- }
- var urlRegex = /^url\(\s*#(.*?)\)/;
- function getFillStrokeStyle(el, method, str, defsUsePending) {
- var urlMatch = str && str.match(urlRegex);
- if (urlMatch) {
- var url = trim(urlMatch[1]);
- defsUsePending.push([el, method, url]);
- return;
- }
- if (str === 'none') {
- str = null;
- }
- return str;
- }
- function applyDefs(defs, defsUsePending) {
- for (var i = 0; i < defsUsePending.length; i++) {
- var item = defsUsePending[i];
- item[0].style[item[1]] = defs[item[2]];
- }
- }
- var numberReg$1 = /-?([0-9]*\.)?[0-9]+([eE]-?[0-9]+)?/g;
- function splitNumberSequence(rawStr) {
- return rawStr.match(numberReg$1) || [];
- }
- var transformRegex = /(translate|scale|rotate|skewX|skewY|matrix)\(([\-\s0-9\.eE,]*)\)/g;
- var DEGREE_TO_ANGLE = Math.PI / 180;
- function parseTransformAttribute(xmlNode, node) {
- var transform = xmlNode.getAttribute('transform');
- if (transform) {
- transform = transform.replace(/,/g, ' ');
- var transformOps_1 = [];
- var mt = null;
- transform.replace(transformRegex, function (str, type, value) {
- transformOps_1.push(type, value);
- return '';
- });
- for (var i = transformOps_1.length - 1; i > 0; i -= 2) {
- var value = transformOps_1[i];
- var type = transformOps_1[i - 1];
- var valueArr = splitNumberSequence(value);
- mt = mt || create$1();
- switch (type) {
- case 'translate':
- translate(mt, mt, [parseFloat(valueArr[0]), parseFloat(valueArr[1] || '0')]);
- break;
- case 'scale':
- scale$1(mt, mt, [parseFloat(valueArr[0]), parseFloat(valueArr[1] || valueArr[0])]);
- break;
- case 'rotate':
- rotate(mt, mt, -parseFloat(valueArr[0]) * DEGREE_TO_ANGLE, [
- parseFloat(valueArr[1] || '0'),
- parseFloat(valueArr[2] || '0')
- ]);
- break;
- case 'skewX':
- var sx = Math.tan(parseFloat(valueArr[0]) * DEGREE_TO_ANGLE);
- mul$1(mt, [1, 0, sx, 1, 0, 0], mt);
- break;
- case 'skewY':
- var sy = Math.tan(parseFloat(valueArr[0]) * DEGREE_TO_ANGLE);
- mul$1(mt, [1, sy, 0, 1, 0, 0], mt);
- break;
- case 'matrix':
- mt[0] = parseFloat(valueArr[0]);
- mt[1] = parseFloat(valueArr[1]);
- mt[2] = parseFloat(valueArr[2]);
- mt[3] = parseFloat(valueArr[3]);
- mt[4] = parseFloat(valueArr[4]);
- mt[5] = parseFloat(valueArr[5]);
- break;
- }
- }
- node.setLocalTransform(mt);
- }
- }
- var styleRegex = /([^\s:;]+)\s*:\s*([^:;]+)/g;
- function parseInlineStyle(xmlNode, inheritableStyleResult, selfStyleResult) {
- var style = xmlNode.getAttribute('style');
- if (!style) {
- return;
- }
- styleRegex.lastIndex = 0;
- var styleRegResult;
- while ((styleRegResult = styleRegex.exec(style)) != null) {
- var svgStlAttr = styleRegResult[1];
- var zrInheritableStlAttr = hasOwn(INHERITABLE_STYLE_ATTRIBUTES_MAP, svgStlAttr)
- ? INHERITABLE_STYLE_ATTRIBUTES_MAP[svgStlAttr]
- : null;
- if (zrInheritableStlAttr) {
- inheritableStyleResult[zrInheritableStlAttr] = styleRegResult[2];
- }
- var zrSelfStlAttr = hasOwn(SELF_STYLE_ATTRIBUTES_MAP, svgStlAttr)
- ? SELF_STYLE_ATTRIBUTES_MAP[svgStlAttr]
- : null;
- if (zrSelfStlAttr) {
- selfStyleResult[zrSelfStlAttr] = styleRegResult[2];
- }
- }
- }
- function parseAttributeStyle(xmlNode, inheritableStyleResult, selfStyleResult) {
- for (var i = 0; i < INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS.length; i++) {
- var svgAttrName = INHERITABLE_STYLE_ATTRIBUTES_MAP_KEYS[i];
- var attrValue = xmlNode.getAttribute(svgAttrName);
- if (attrValue != null) {
- inheritableStyleResult[INHERITABLE_STYLE_ATTRIBUTES_MAP[svgAttrName]] = attrValue;
- }
- }
- for (var i = 0; i < SELF_STYLE_ATTRIBUTES_MAP_KEYS.length; i++) {
- var svgAttrName = SELF_STYLE_ATTRIBUTES_MAP_KEYS[i];
- var attrValue = xmlNode.getAttribute(svgAttrName);
- if (attrValue != null) {
- selfStyleResult[SELF_STYLE_ATTRIBUTES_MAP[svgAttrName]] = attrValue;
- }
- }
- }
- function makeViewBoxTransform(viewBoxRect, boundingRect) {
- var scaleX = boundingRect.width / viewBoxRect.width;
- var scaleY = boundingRect.height / viewBoxRect.height;
- var scale = Math.min(scaleX, scaleY);
- return {
- scale: scale,
- x: -(viewBoxRect.x + viewBoxRect.width / 2) * scale + (boundingRect.x + boundingRect.width / 2),
- y: -(viewBoxRect.y + viewBoxRect.height / 2) * scale + (boundingRect.y + boundingRect.height / 2)
- };
- }
- function parseSVG(xml, opt) {
- var parser = new SVGParser();
- return parser.parse(xml, opt);
- }
-
- /**
- * "region available" means that: enable users to set attribute `name="xxx"` on those tags
- * to make it be a region.
- * 1. region styles and its label styles can be defined in echarts opton:
- * ```js
- * geo: {
- * regions: [{
- * name: 'xxx',
- * itemStyle: { ... },
- * label: { ... }
- * }, {
- * ...
- * },
- * ...]
- * };
- * ```
- * 2. name can be duplicated in different SVG tag. All of the tags with the same name share
- * a region option. For exampel if there are two representing two lung lobes. They have
- * no common parents but both of them need to display label "lung" inside.
- */
- var REGION_AVAILABLE_SVG_TAG_MAP = createHashMap(['rect', 'circle', 'line', 'ellipse', 'polygon', 'polyline', 'path',
- // are also enabled because some SVG might paint text itself,
- // but still need to trigger events or tooltip.
- 'text', 'tspan',
- // is also enabled because this case: if multiple tags share one name
- // and need label displayed, every tags will display the name, which is not
- // expected. So we can put them into a . Thereby only one label
- // displayed and located based on the bounding rect of the .
- 'g']);
- var GeoSVGResource = /** @class */function () {
- function GeoSVGResource(mapName, svg) {
- this.type = 'geoSVG';
- // All used graphics. key: hostKey, value: root
- this._usedGraphicMap = createHashMap();
- // All unused graphics.
- this._freedGraphics = [];
- this._mapName = mapName;
- // Only perform parse to XML object here, which might be time
- // consiming for large SVG.
- // Although convert XML to zrender element is also time consiming,
- // if we do it here, the clone of zrender elements has to be
- // required. So we do it once for each geo instance, util real
- // performance issues call for optimizing it.
- this._parsedXML = parseXML(svg);
- }
- GeoSVGResource.prototype.load = function /* nameMap: NameMap */
- () {
- // In the "load" stage, graphic need to be built to
- // get boundingRect for geo coordinate system.
- var firstGraphic = this._firstGraphic;
- // Create the return data structure only when first graphic created.
- // Because they will be used in geo coordinate system update stage,
- // and `regions` will be mounted at `geo` coordinate system,
- // in which there is no "view" info, so that it should better not to
- // make references to graphic elements.
- if (!firstGraphic) {
- firstGraphic = this._firstGraphic = this._buildGraphic(this._parsedXML);
- this._freedGraphics.push(firstGraphic);
- this._boundingRect = this._firstGraphic.boundingRect.clone();
- // PENDING: `nameMap` will not be supported until some real requirement come.
- // if (nameMap) {
- // named = applyNameMap(named, nameMap);
- // }
- var _a = createRegions(firstGraphic.named),
- regions = _a.regions,
- regionsMap = _a.regionsMap;
- this._regions = regions;
- this._regionsMap = regionsMap;
- }
- return {
- boundingRect: this._boundingRect,
- regions: this._regions,
- regionsMap: this._regionsMap
- };
- };
- GeoSVGResource.prototype._buildGraphic = function (svgXML) {
- var result;
- var rootFromParse;
- try {
- result = svgXML && parseSVG(svgXML, {
- ignoreViewBox: true,
- ignoreRootClip: true
- }) || {};
- rootFromParse = result.root;
- assert(rootFromParse != null);
- } catch (e) {
- throw new Error('Invalid svg format\n' + e.message);
- }
- // Note: we keep the covenant that the root has no transform. So always add an extra root.
- var root = new Group();
- root.add(rootFromParse);
- root.isGeoSVGGraphicRoot = true;
- // [THE_RULE_OF_VIEWPORT_AND_VIEWBOX]
- //
- // Consider: `
- 
- 
- 
- 
-
- 
- 
-