PHP Classes

File: vendors/gentelella/vendors/echarts/src/component/axis/ParallelAxisView.js

Recommend this page to a friend!
  Classes of Jorge Castro   Gentelella BladeOne   vendors/gentelella/vendors/echarts/src/component/axis/ParallelAxisView.js   Download  
File: vendors/gentelella/vendors/echarts/src/component/axis/ParallelAxisView.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: 4,177 bytes
 

Contents

Class file image Download
define(function (require) { var zrUtil = require('zrender/core/util'); var AxisBuilder = require('./AxisBuilder'); var SelectController = require('../helper/SelectController'); var elementList = ['axisLine', 'axisLabel', 'axisTick', 'axisName']; var AxisView = require('../../echarts').extendComponentView({ type: 'parallelAxis', /** * @type {module:echarts/component/helper/SelectController} */ _selectController: null, /** * @override */ render: function (axisModel, ecModel, api, payload) { if (fromAxisAreaSelect(axisModel, ecModel, payload)) { return; } this.axisModel = axisModel; this.api = api; this.group.removeAll(); if (!axisModel.get('show')) { return; } var coordSys = ecModel.getComponent( 'parallel', axisModel.get('parallelIndex') ).coordinateSystem; var areaSelectStyle = axisModel.getAreaSelectStyle(); var areaWidth = areaSelectStyle.width; var axisLayout = coordSys.getAxisLayout(axisModel.axis.dim); var builderOpt = zrUtil.extend( { strokeContainThreshold: areaWidth, // lineWidth === 0 or no value. axisLineSilent: !(areaWidth > 0) // jshint ignore:line }, axisLayout ); var axisBuilder = new AxisBuilder(axisModel, builderOpt); zrUtil.each(elementList, axisBuilder.add, axisBuilder); var axisGroup = axisBuilder.getGroup(); this.group.add(axisGroup); this._buildSelectController( axisGroup, areaSelectStyle, axisModel, api ); }, _buildSelectController: function (axisGroup, areaSelectStyle, axisModel, api) { var axis = axisModel.axis; var selectController = this._selectController; if (!selectController) { selectController = this._selectController = new SelectController( 'line', api.getZr(), areaSelectStyle ); selectController.on('selected', zrUtil.bind(this._onSelected, this)); } selectController.enable(axisGroup); // After filtering, axis may change, select area needs to be update. var ranges = zrUtil.map(axisModel.activeIntervals, function (interval) { return [ axis.dataToCoord(interval[0], true), axis.dataToCoord(interval[1], true) ]; }); selectController.update(ranges); }, _onSelected: function (ranges) { // Do not cache these object, because the mey be changed. var axisModel = this.axisModel; var axis = axisModel.axis; var intervals = zrUtil.map(ranges, function (range) { return [ axis.coordToData(range[0], true), axis.coordToData(range[1], true) ]; }); this.api.dispatchAction({ type: 'axisAreaSelect', parallelAxisId: axisModel.id, intervals: intervals }); }, /** * @override */ remove: function () { this._selectController && this._selectController.disable(); }, /** * @override */ dispose: function () { if (this._selectController) { this._selectController.dispose(); this._selectController = null; } } }); function fromAxisAreaSelect(axisModel, ecModel, payload) { return payload && payload.type === 'axisAreaSelect' && ecModel.findComponents( {mainType: 'parallelAxis', query: payload} )[0] === axisModel; } return AxisView; });