123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141 |
- var echarts = require("../echarts");
- var zrUtil = require("zrender/lib/core/util");
- var throttleUtil = require("../util/throttle");
- var parallelPreprocessor = require("../coord/parallel/parallelPreprocessor");
- require("../coord/parallel/parallelCreator");
- require("../coord/parallel/ParallelModel");
- require("./parallelAxis");
- var CLICK_THRESHOLD = 5;
- 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);
- }
- throttleUtil.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;
- },
-
- _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) {
-
- 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
- : {
- axisExpandWindow: result.axisExpandWindow,
-
- animation: behavior === 'jump' ? null : false
- });
- }
- };
- function checkTrigger(view, triggerOn) {
- var model = view._model;
- return model.get('axisExpandable') && model.get('axisExpandTriggerOn') === triggerOn;
- }
- echarts.registerPreprocessor(parallelPreprocessor);
|