| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430 |
- var zrUtil = require("zrender/lib/core/util");
- var numberUtil = require("../../util/number");
- var helper = require("./helper");
- var each = zrUtil.each;
- var asc = numberUtil.asc;
- /**
- * Operate single axis.
- * One axis can only operated by one axis operator.
- * Different dataZoomModels may be defined to operate the same axis.
- * (i.e. 'inside' data zoom and 'slider' data zoom components)
- * So dataZoomModels share one axisProxy in that case.
- *
- * @class
- */
- var AxisProxy = function (dimName, axisIndex, dataZoomModel, ecModel) {
- /**
- * @private
- * @type {string}
- */
- this._dimName = dimName;
- /**
- * @private
- */
- this._axisIndex = axisIndex;
- /**
- * @private
- * @type {Array.<number>}
- */
- this._valueWindow;
- /**
- * @private
- * @type {Array.<number>}
- */
- this._percentWindow;
- /**
- * @private
- * @type {Array.<number>}
- */
- this._dataExtent;
- /**
- * {minSpan, maxSpan, minValueSpan, maxValueSpan}
- * @private
- * @type {Object}
- */
- this._minMaxSpan;
- /**
- * @readOnly
- * @type {module: echarts/model/Global}
- */
- this.ecModel = ecModel;
- /**
- * @private
- * @type {module: echarts/component/dataZoom/DataZoomModel}
- */
- this._dataZoomModel = dataZoomModel;
- };
- AxisProxy.prototype = {
- constructor: AxisProxy,
- /**
- * Whether the axisProxy is hosted by dataZoomModel.
- *
- * @public
- * @param {module: echarts/component/dataZoom/DataZoomModel} dataZoomModel
- * @return {boolean}
- */
- hostedBy: function (dataZoomModel) {
- return this._dataZoomModel === dataZoomModel;
- },
- /**
- * @return {Array.<number>} Value can only be NaN or finite value.
- */
- getDataValueWindow: function () {
- return this._valueWindow.slice();
- },
- /**
- * @return {Array.<number>}
- */
- getDataPercentWindow: function () {
- return this._percentWindow.slice();
- },
- /**
- * @public
- * @param {number} axisIndex
- * @return {Array} seriesModels
- */
- getTargetSeriesModels: function () {
- var seriesModels = [];
- var ecModel = this.ecModel;
- ecModel.eachSeries(function (seriesModel) {
- if (helper.isCoordSupported(seriesModel.get('coordinateSystem'))) {
- var dimName = this._dimName;
- var axisModel = ecModel.queryComponents({
- mainType: dimName + 'Axis',
- index: seriesModel.get(dimName + 'AxisIndex'),
- id: seriesModel.get(dimName + 'AxisId')
- })[0];
- if (this._axisIndex === (axisModel && axisModel.componentIndex)) {
- seriesModels.push(seriesModel);
- }
- }
- }, this);
- return seriesModels;
- },
- getAxisModel: function () {
- return this.ecModel.getComponent(this._dimName + 'Axis', this._axisIndex);
- },
- getOtherAxisModel: function () {
- var axisDim = this._dimName;
- var ecModel = this.ecModel;
- var axisModel = this.getAxisModel();
- var isCartesian = axisDim === 'x' || axisDim === 'y';
- var otherAxisDim;
- var coordSysIndexName;
- if (isCartesian) {
- coordSysIndexName = 'gridIndex';
- otherAxisDim = axisDim === 'x' ? 'y' : 'x';
- } else {
- coordSysIndexName = 'polarIndex';
- otherAxisDim = axisDim === 'angle' ? 'radius' : 'angle';
- }
- var foundOtherAxisModel;
- ecModel.eachComponent(otherAxisDim + 'Axis', function (otherAxisModel) {
- if ((otherAxisModel.get(coordSysIndexName) || 0) === (axisModel.get(coordSysIndexName) || 0)) {
- foundOtherAxisModel = otherAxisModel;
- }
- });
- return foundOtherAxisModel;
- },
- getMinMaxSpan: function () {
- return zrUtil.clone(this._minMaxSpan);
- },
- /**
- * Only calculate by given range and this._dataExtent, do not change anything.
- *
- * @param {Object} opt
- * @param {number} [opt.start]
- * @param {number} [opt.end]
- * @param {number} [opt.startValue]
- * @param {number} [opt.endValue]
- */
- calculateDataWindow: function (opt) {
- var dataExtent = this._dataExtent;
- var axisModel = this.getAxisModel();
- var scale = axisModel.axis.scale;
- var rangePropMode = this._dataZoomModel.getRangePropMode();
- var percentExtent = [0, 100];
- var percentWindow = [opt.start, opt.end];
- var valueWindow = [];
- each(['startValue', 'endValue'], function (prop) {
- valueWindow.push(opt[prop] != null ? scale.parse(opt[prop]) : null);
- }); // Normalize bound.
- each([0, 1], function (idx) {
- var boundValue = valueWindow[idx];
- var boundPercent = percentWindow[idx]; // Notice: dataZoom is based either on `percentProp` ('start', 'end') or
- // on `valueProp` ('startValue', 'endValue'). The former one is suitable
- // for cases that a dataZoom component controls multiple axes with different
- // unit or extent, and the latter one is suitable for accurate zoom by pixel
- // (e.g., in dataZoomSelect). `valueProp` can be calculated from `percentProp`,
- // but it is awkward that `percentProp` can not be obtained from `valueProp`
- // accurately (because all of values that are overflow the `dataExtent` will
- // be calculated to percent '100%'). So we have to use
- // `dataZoom.getRangePropMode()` to mark which prop is used.
- // `rangePropMode` is updated only when setOption or dispatchAction, otherwise
- // it remains its original value.
- if (rangePropMode[idx] === 'percent') {
- if (boundPercent == null) {
- boundPercent = percentExtent[idx];
- } // Use scale.parse to math round for category or time axis.
- boundValue = scale.parse(numberUtil.linearMap(boundPercent, percentExtent, dataExtent, true));
- } else {
- // Calculating `percent` from `value` may be not accurate, because
- // This calculation can not be inversed, because all of values that
- // are overflow the `dataExtent` will be calculated to percent '100%'
- boundPercent = numberUtil.linearMap(boundValue, dataExtent, percentExtent, true);
- } // valueWindow[idx] = round(boundValue);
- // percentWindow[idx] = round(boundPercent);
- valueWindow[idx] = boundValue;
- percentWindow[idx] = boundPercent;
- });
- return {
- valueWindow: asc(valueWindow),
- percentWindow: asc(percentWindow)
- };
- },
- /**
- * Notice: reset should not be called before series.restoreData() called,
- * so it is recommanded to be called in "process stage" but not "model init
- * stage".
- *
- * @param {module: echarts/component/dataZoom/DataZoomModel} dataZoomModel
- */
- reset: function (dataZoomModel) {
- if (dataZoomModel !== this._dataZoomModel) {
- return;
- } // Culculate data window and data extent, and record them.
- this._dataExtent = calculateDataExtent(this, this._dimName, this.getTargetSeriesModels());
- var dataWindow = this.calculateDataWindow(dataZoomModel.option);
- this._valueWindow = dataWindow.valueWindow;
- this._percentWindow = dataWindow.percentWindow;
- setMinMaxSpan(this); // Update axis setting then.
- setAxisModel(this);
- },
- /**
- * @param {module: echarts/component/dataZoom/DataZoomModel} dataZoomModel
- */
- restore: function (dataZoomModel) {
- if (dataZoomModel !== this._dataZoomModel) {
- return;
- }
- this._valueWindow = this._percentWindow = null;
- setAxisModel(this, true);
- },
- /**
- * @param {module: echarts/component/dataZoom/DataZoomModel} dataZoomModel
- */
- filterData: function (dataZoomModel) {
- if (dataZoomModel !== this._dataZoomModel) {
- return;
- }
- var axisDim = this._dimName;
- var seriesModels = this.getTargetSeriesModels();
- var filterMode = dataZoomModel.get('filterMode');
- var valueWindow = this._valueWindow;
- if (filterMode === 'none') {
- return;
- } // FIXME
- // Toolbox may has dataZoom injected. And if there are stacked bar chart
- // with NaN data, NaN will be filtered and stack will be wrong.
- // So we need to force the mode to be set empty.
- // In fect, it is not a big deal that do not support filterMode-'filter'
- // when using toolbox#dataZoom, utill tooltip#dataZoom support "single axis
- // selection" some day, which might need "adapt to data extent on the
- // otherAxis", which is disabled by filterMode-'empty'.
- var otherAxisModel = this.getOtherAxisModel();
- if (dataZoomModel.get('$fromToolbox') && otherAxisModel && otherAxisModel.get('type') === 'category') {
- filterMode = 'empty';
- } // Process series data
- each(seriesModels, function (seriesModel) {
- var seriesData = seriesModel.getData();
- var dataDims = seriesModel.coordDimToDataDim(axisDim);
- if (filterMode === 'weakFilter') {
- seriesData && seriesData.filterSelf(function (dataIndex) {
- var leftOut;
- var rightOut;
- var hasValue;
- for (var i = 0; i < dataDims.length; i++) {
- var value = seriesData.get(dataDims[i], dataIndex);
- var thisHasValue = !isNaN(value);
- var thisLeftOut = value < valueWindow[0];
- var thisRightOut = value > valueWindow[1];
- if (thisHasValue && !thisLeftOut && !thisRightOut) {
- return true;
- }
- thisHasValue && (hasValue = true);
- thisLeftOut && (leftOut = true);
- thisRightOut && (rightOut = true);
- } // If both left out and right out, do not filter.
- return hasValue && leftOut && rightOut;
- });
- } else {
- seriesData && each(dataDims, function (dim) {
- if (filterMode === 'empty') {
- seriesModel.setData(seriesData.map(dim, function (value) {
- return !isInWindow(value) ? NaN : value;
- }));
- } else {
- seriesData.filterSelf(dim, isInWindow);
- }
- });
- }
- });
- function isInWindow(value) {
- return value >= valueWindow[0] && value <= valueWindow[1];
- }
- }
- };
- function calculateDataExtent(axisProxy, axisDim, seriesModels) {
- var dataExtent = [Infinity, -Infinity];
- each(seriesModels, function (seriesModel) {
- var seriesData = seriesModel.getData();
- if (seriesData) {
- each(seriesModel.coordDimToDataDim(axisDim), function (dim) {
- var seriesExtent = seriesData.getDataExtent(dim);
- seriesExtent[0] < dataExtent[0] && (dataExtent[0] = seriesExtent[0]);
- seriesExtent[1] > dataExtent[1] && (dataExtent[1] = seriesExtent[1]);
- });
- }
- });
- if (dataExtent[1] < dataExtent[0]) {
- dataExtent = [NaN, NaN];
- } // It is important to get "consistent" extent when more then one axes is
- // controlled by a `dataZoom`, otherwise those axes will not be synchronized
- // when zooming. But it is difficult to know what is "consistent", considering
- // axes have different type or even different meanings (For example, two
- // time axes are used to compare data of the same date in different years).
- // So basically dataZoom just obtains extent by series.data (in category axis
- // extent can be obtained from axis.data).
- // Nevertheless, user can set min/max/scale on axes to make extent of axes
- // consistent.
- fixExtentByAxis(axisProxy, dataExtent);
- return dataExtent;
- }
- function fixExtentByAxis(axisProxy, dataExtent) {
- var axisModel = axisProxy.getAxisModel();
- var min = axisModel.getMin(true); // For category axis, if min/max/scale are not set, extent is determined
- // by axis.data by default.
- var isCategoryAxis = axisModel.get('type') === 'category';
- var axisDataLen = isCategoryAxis && (axisModel.get('data') || []).length;
- if (min != null && min !== 'dataMin' && typeof min !== 'function') {
- dataExtent[0] = min;
- } else if (isCategoryAxis) {
- dataExtent[0] = axisDataLen > 0 ? 0 : NaN;
- }
- var max = axisModel.getMax(true);
- if (max != null && max !== 'dataMax' && typeof max !== 'function') {
- dataExtent[1] = max;
- } else if (isCategoryAxis) {
- dataExtent[1] = axisDataLen > 0 ? axisDataLen - 1 : NaN;
- }
- if (!axisModel.get('scale', true)) {
- dataExtent[0] > 0 && (dataExtent[0] = 0);
- dataExtent[1] < 0 && (dataExtent[1] = 0);
- } // For value axis, if min/max/scale are not set, we just use the extent obtained
- // by series data, which may be a little different from the extent calculated by
- // `axisHelper.getScaleExtent`. But the different just affects the experience a
- // little when zooming. So it will not be fixed until some users require it strongly.
- return dataExtent;
- }
- function setAxisModel(axisProxy, isRestore) {
- var axisModel = axisProxy.getAxisModel();
- var percentWindow = axisProxy._percentWindow;
- var valueWindow = axisProxy._valueWindow;
- if (!percentWindow) {
- return;
- } // [0, 500]: arbitrary value, guess axis extent.
- var precision = numberUtil.getPixelPrecision(valueWindow, [0, 500]);
- precision = Math.min(precision, 20); // isRestore or isFull
- var useOrigin = isRestore || percentWindow[0] === 0 && percentWindow[1] === 100;
- axisModel.setRange(useOrigin ? null : +valueWindow[0].toFixed(precision), useOrigin ? null : +valueWindow[1].toFixed(precision));
- }
- function setMinMaxSpan(axisProxy) {
- var minMaxSpan = axisProxy._minMaxSpan = {};
- var dataZoomModel = axisProxy._dataZoomModel;
- each(['min', 'max'], function (minMax) {
- minMaxSpan[minMax + 'Span'] = dataZoomModel.get(minMax + 'Span'); // minValueSpan and maxValueSpan has higher priority than minSpan and maxSpan
- var valueSpan = dataZoomModel.get(minMax + 'ValueSpan');
- if (valueSpan != null) {
- minMaxSpan[minMax + 'ValueSpan'] = valueSpan;
- valueSpan = axisProxy.getAxisModel().axis.scale.parse(valueSpan);
- if (valueSpan != null) {
- var dataExtent = axisProxy._dataExtent;
- minMaxSpan[minMax + 'Span'] = numberUtil.linearMap(dataExtent[0] + valueSpan, dataExtent, [0, 100], true);
- }
- }
- });
- }
- var _default = AxisProxy;
- module.exports = _default;
|