PHP Classes

File: vendors/echarts/src/component/dataZoom/InsideZoomView.js

Recommend this page to a friend!
  Classes of Jorge Castro   Gentelella BladeOne   vendors/echarts/src/component/dataZoom/InsideZoomView.js   Download  
File: vendors/echarts/src/component/dataZoom/InsideZoomView.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Gentelella BladeOne
Render templates using Bootstrap for presentation
Author: By
Last change:
Date: 3 years ago
Size: 6,024 bytes
 

Contents

Class file image Download
define(function (require) { var DataZoomView = require('./DataZoomView'); var zrUtil = require('zrender/core/util'); var sliderMove = require('../helper/sliderMove'); var roams = require('./roams'); var bind = zrUtil.bind; var InsideZoomView = DataZoomView.extend({ type: 'dataZoom.inside', /** * @override */ init: function (ecModel, api) { /** * 'throttle' is used in this.dispatchAction, so we save range * to avoid missing some 'pan' info. * @private * @type {Array.<number>} */ this._range; }, /** * @override */ render: function (dataZoomModel, ecModel, api, payload) { InsideZoomView.superApply(this, 'render', arguments); // Notice: origin this._range should be maintained, and should not be re-fetched // from dataZoomModel when payload.type is 'dataZoom', otherwise 'pan' or 'zoom' // info will be missed because of 'throttle' of this.dispatchAction. if (roams.shouldRecordRange(payload, dataZoomModel.id)) { this._range = dataZoomModel.getPercentRange(); } // Reset controllers. var coordInfoList = this.getTargetInfo().cartesians; var allCoordIds = zrUtil.map(coordInfoList, function (coordInfo) { return roams.generateCoordId(coordInfo.model); }); zrUtil.each(coordInfoList, function (coordInfo) { var coordModel = coordInfo.model; roams.register( api, { coordId: roams.generateCoordId(coordModel), allCoordIds: allCoordIds, coordinateSystem: coordModel.coordinateSystem, dataZoomId: dataZoomModel.id, throttleRage: dataZoomModel.get('throttle', true), panGetRange: bind(this._onPan, this, coordInfo), zoomGetRange: bind(this._onZoom, this, coordInfo) } ); }, this); // TODO // polar?? }, /** * @override */ remove: function () { roams.unregister(this.api, this.dataZoomModel.id); InsideZoomView.superApply(this, 'remove', arguments); this._range = null; }, /** * @override */ dispose: function () { roams.unregister(this.api, this.dataZoomModel.id); InsideZoomView.superApply(this, 'dispose', arguments); this._range = null; }, /** * @private */ _onPan: function (coordInfo, controller, dx, dy) { return ( this._range = panCartesian( [dx, dy], this._range, controller, coordInfo ) ); }, /** * @private */ _onZoom: function (coordInfo, controller, scale, mouseX, mouseY) { var dataZoomModel = this.dataZoomModel; if (dataZoomModel.option.zoomLock) { return this._range; } return ( this._range = scaleCartesian( 1 / scale, [mouseX, mouseY], this._range, controller, coordInfo, dataZoomModel ) ); } }); function panCartesian(pixelDeltas, range, controller, coordInfo) { range = range.slice(); // Calculate transform by the first axis. var axisModel = coordInfo.axisModels[0]; if (!axisModel) { return; } var directionInfo = getDirectionInfo(pixelDeltas, axisModel, controller); var percentDelta = directionInfo.signal * (range[1] - range[0]) * directionInfo.pixel / directionInfo.pixelLength; sliderMove( percentDelta, range, [0, 100], 'rigid' ); return range; } function scaleCartesian(scale, mousePoint, range, controller, coordInfo, dataZoomModel) { range = range.slice(); // Calculate transform by the first axis. var axisModel = coordInfo.axisModels[0]; if (!axisModel) { return; } var directionInfo = getDirectionInfo(mousePoint, axisModel, controller); var mouse = directionInfo.pixel - directionInfo.pixelStart; var percentPoint = mouse / directionInfo.pixelLength * (range[1] - range[0]) + range[0]; scale = Math.max(scale, 0); range[0] = (range[0] - percentPoint) * scale + percentPoint; range[1] = (range[1] - percentPoint) * scale + percentPoint; return fixRange(range); } function getDirectionInfo(xy, axisModel, controller) { var axis = axisModel.axis; var rect = controller.rectProvider(); var ret = {}; if (axis.dim === 'x') { ret.pixel = xy[0]; ret.pixelLength = rect.width; ret.pixelStart = rect.x; ret.signal = axis.inverse ? 1 : -1; } else { // axis.dim === 'y' ret.pixel = xy[1]; ret.pixelLength = rect.height; ret.pixelStart = rect.y; ret.signal = axis.inverse ? -1 : 1; } return ret; } function fixRange(range) { // Clamp, using !(<= or >=) to handle NaN. // jshint ignore:start var bound = [0, 100]; !(range[0] <= bound[1]) && (range[0] = bound[1]); !(range[1] <= bound[1]) && (range[1] = bound[1]); !(range[0] >= bound[0]) && (range[0] = bound[0]); !(range[1] >= bound[0]) && (range[1] = bound[0]); // jshint ignore:end return range; } return InsideZoomView; });