123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- import { __extends } from "tslib";
- import * as zrUtil from 'zrender/lib/core/util.js';
- import AxisBuilder from './AxisBuilder.js';
- import BrushController from '../helper/BrushController.js';
- import * as brushHelper from '../helper/brushHelper.js';
- import * as graphic from '../../util/graphic.js';
- import ComponentView from '../../view/Component.js';
- var elementList = ['axisLine', 'axisTickLabel', 'axisName'];
- var ParallelAxisView = function (_super) {
- __extends(ParallelAxisView, _super);
- function ParallelAxisView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = ParallelAxisView.type;
- return _this;
- }
- ParallelAxisView.prototype.init = function (ecModel, api) {
- _super.prototype.init.apply(this, arguments);
- (this._brushController = new BrushController(api.getZr())).on('brush', zrUtil.bind(this._onBrush, this));
- };
- ParallelAxisView.prototype.render = function (axisModel, ecModel, api, payload) {
- if (fromAxisAreaSelect(axisModel, ecModel, payload)) {
- return;
- }
- this.axisModel = axisModel;
- this.api = api;
- this.group.removeAll();
- var oldAxisGroup = this._axisGroup;
- this._axisGroup = new graphic.Group();
- this.group.add(this._axisGroup);
- if (!axisModel.get('show')) {
- return;
- }
- var coordSysModel = getCoordSysModel(axisModel, ecModel);
- var coordSys = coordSysModel.coordinateSystem;
- var areaSelectStyle = axisModel.getAreaSelectStyle();
- var areaWidth = areaSelectStyle.width;
- var dim = axisModel.axis.dim;
- var axisLayout = coordSys.getAxisLayout(dim);
- var builderOpt = zrUtil.extend({
- strokeContainThreshold: areaWidth
- }, axisLayout);
- var axisBuilder = new AxisBuilder(axisModel, builderOpt);
- zrUtil.each(elementList, axisBuilder.add, axisBuilder);
- this._axisGroup.add(axisBuilder.getGroup());
- this._refreshBrushController(builderOpt, areaSelectStyle, axisModel, coordSysModel, areaWidth, api);
- graphic.groupTransition(oldAxisGroup, this._axisGroup, axisModel);
- };
-
-
-
-
-
-
-
- ParallelAxisView.prototype._refreshBrushController = function (builderOpt, areaSelectStyle, axisModel, coordSysModel, areaWidth, api) {
-
- var extent = axisModel.axis.getExtent();
- var extentLen = extent[1] - extent[0];
- var extra = Math.min(30, Math.abs(extentLen) * 0.1);
-
-
- var rect = graphic.BoundingRect.create({
- x: extent[0],
- y: -areaWidth / 2,
- width: extentLen,
- height: areaWidth
- });
- rect.x -= extra;
- rect.width += 2 * extra;
- this._brushController.mount({
- enableGlobalPan: true,
- rotation: builderOpt.rotation,
- x: builderOpt.position[0],
- y: builderOpt.position[1]
- }).setPanels([{
- panelId: 'pl',
- clipPath: brushHelper.makeRectPanelClipPath(rect),
- isTargetByCursor: brushHelper.makeRectIsTargetByCursor(rect, api, coordSysModel),
- getLinearBrushOtherExtent: brushHelper.makeLinearBrushOtherExtent(rect, 0)
- }]).enableBrush({
- brushType: 'lineX',
- brushStyle: areaSelectStyle,
- removeOnClick: true
- }).updateCovers(getCoverInfoList(axisModel));
- };
- ParallelAxisView.prototype._onBrush = function (eventParam) {
- var coverInfoList = eventParam.areas;
-
- var axisModel = this.axisModel;
- var axis = axisModel.axis;
- var intervals = zrUtil.map(coverInfoList, function (coverInfo) {
- return [axis.coordToData(coverInfo.range[0], true), axis.coordToData(coverInfo.range[1], true)];
- });
-
-
-
- if (!axisModel.option.realtime === eventParam.isEnd || eventParam.removeOnClick) {
-
- this.api.dispatchAction({
- type: 'axisAreaSelect',
- parallelAxisId: axisModel.id,
- intervals: intervals
- });
- }
- };
- ParallelAxisView.prototype.dispose = function () {
- this._brushController.dispose();
- };
- ParallelAxisView.type = 'parallelAxis';
- return ParallelAxisView;
- }(ComponentView);
- function fromAxisAreaSelect(axisModel, ecModel, payload) {
- return payload && payload.type === 'axisAreaSelect' && ecModel.findComponents({
- mainType: 'parallelAxis',
- query: payload
- })[0] === axisModel;
- }
- function getCoverInfoList(axisModel) {
- var axis = axisModel.axis;
- return zrUtil.map(axisModel.activeIntervals, function (interval) {
- return {
- brushType: 'lineX',
- panelId: 'pl',
- range: [axis.dataToCoord(interval[0], true), axis.dataToCoord(interval[1], true)]
- };
- });
- }
- function getCoordSysModel(axisModel, ecModel) {
- return ecModel.getComponent('parallel', axisModel.get('parallelIndex'));
- }
- export default ParallelAxisView;
|