| define(function(require) { |
| |
| require('../coord/parallel/parallelCreator'); |
| require('../coord/parallel/ParallelModel'); |
| require('./parallelAxis'); |
| |
| var echarts = require('../echarts'); |
| var zrUtil = require('zrender/core/util'); |
| var throttle = require('../util/throttle'); |
| |
| var CLICK_THRESHOLD = 5; // > 4 |
| |
| // Parallel view |
| echarts.extendComponentView({ |
| type: 'parallel', |
| |
| render: function (parallelModel, ecModel, api) { |
| this._model = parallelModel; |
| this._api = api; |
| |
| if (!this._handlers) { |
| this._handlers = {}; |
| zrUtil.each(handlers, function (handler, eventName) { |
| api.getZr().on(eventName, this._handlers[eventName] = zrUtil.bind(handler, this)); |
| }, this); |
| } |
| |
| throttle.createOrUpdate( |
| this, |
| '_throttledDispatchExpand', |
| parallelModel.get('axisExpandRate'), |
| 'fixRate' |
| ); |
| }, |
| |
| dispose: function (ecModel, api) { |
| zrUtil.each(this._handlers, function (handler, eventName) { |
| api.getZr().off(eventName, handler); |
| }); |
| this._handlers = null; |
| }, |
| |
| /** |
| * @param {Object} [opt] If null, cancle the last action triggering for debounce. |
| */ |
| _throttledDispatchExpand: function (opt) { |
| this._dispatchExpand(opt); |
| }, |
| |
| _dispatchExpand: function (opt) { |
| opt && this._api.dispatchAction( |
| zrUtil.extend({type: 'parallelAxisExpand'}, opt) |
| ); |
| } |
| |
| }); |
| |
| var handlers = { |
| |
| mousedown: function (e) { |
| if (checkTrigger(this, 'click')) { |
| this._mouseDownPoint = [e.offsetX, e.offsetY]; |
| } |
| }, |
| |
| mouseup: function (e) { |
| var mouseDownPoint = this._mouseDownPoint; |
| |
| if (checkTrigger(this, 'click') && mouseDownPoint) { |
| var point = [e.offsetX, e.offsetY]; |
| var dist = Math.pow(mouseDownPoint[0] - point[0], 2) |
| + Math.pow(mouseDownPoint[1] - point[1], 2); |
| |
| if (dist > CLICK_THRESHOLD) { |
| return; |
| } |
| |
| var result = this._model.coordinateSystem.getSlidedAxisExpandWindow( |
| [e.offsetX, e.offsetY] |
| ); |
| |
| result.behavior !== 'none' && this._dispatchExpand({ |
| axisExpandWindow: result.axisExpandWindow |
| }); |
| } |
| |
| this._mouseDownPoint = null; |
| }, |
| |
| mousemove: function (e) { |
| // Should do nothing when brushing. |
| if (this._mouseDownPoint || !checkTrigger(this, 'mousemove')) { |
| return; |
| } |
| var model = this._model; |
| var result = model.coordinateSystem.getSlidedAxisExpandWindow( |
| [e.offsetX, e.offsetY] |
| ); |
| |
| var behavior = result.behavior; |
| behavior === 'jump' && this._throttledDispatchExpand.debounceNextCall(model.get('axisExpandDebounce')); |
| this._throttledDispatchExpand( |
| behavior === 'none' |
| ? null // Cancle the last trigger, in case that mouse slide out of the area quickly. |
| : { |
| axisExpandWindow: result.axisExpandWindow, |
| // Jumping uses animation, and sliding suppresses animation. |
| animation: behavior === 'jump' ? null : false |
| } |
| ); |
| } |
| }; |
| |
| function checkTrigger(view, triggerOn) { |
| var model = view._model; |
| return model.get('axisExpandable') && model.get('axisExpandTriggerOn') === triggerOn; |
| } |
| |
| echarts.registerPreprocessor( |
| require('../coord/parallel/parallelPreprocessor') |
| ); |
| |
| }); |