echarts/lib/component/dataZoom/DataZoomView.js

A powerful charting and visualization library for browser

    var ComponentView = require('../../view/Component');

    module.exports = ComponentView.extend({

        type: 'dataZoom',

        render: function (dataZoomModel, ecModel, api, payload) {
            this.dataZoomModel = dataZoomModel;
            this.ecModel = ecModel;
            this.api = api;
        },

        /**
         * Find the first target coordinate system.
         *
         * @protected
         * @return {Object} {
         *                   cartesians: [
         *                       {model: coord0, axisModels: [axis1, axis3], coordIndex: 1},
         *                       {model: coord1, axisModels: [axis0, axis2], coordIndex: 0},
         *                       ...
         *                   ],  // cartesians must not be null/undefined.
         *                   polars: [
         *                       {model: coord0, axisModels: [axis4], coordIndex: 0},
         *                       ...
         *                   ],  // polars must not be null/undefined.
         *                   axisModels: [axis0, axis1, axis2, axis3, axis4]
         *                       // axisModels must not be null/undefined.
         *                  }
         */
        getTargetInfo: function () {
            var dataZoomModel = this.dataZoomModel;
            var ecModel = this.ecModel;
            var cartesians = [];
            var polars = [];
            var axisModels = [];

            dataZoomModel.eachTargetAxis(function (dimNames, axisIndex) {
                var axisModel = ecModel.getComponent(dimNames.axis, axisIndex);
                if (axisModel) {
                    axisModels.push(axisModel);
                    var coordSysName;
                    var axisName = dimNames.axis;

                    if (axisName === 'xAxis' || axisName === 'yAxis') {
                        coordSysName = 'grid';
                    }
                    else if (axisName === 'angleAxis' || axisName === 'radiusAxis') {
                        coordSysName = 'polar';
                    }

                    var coordModel = coordSysName
                        ? ecModel.queryComponents({
                            mainType: coordSysName,
                            index: axisModel.get(coordSysName + 'Index'),
                            id: axisModel.get(coordSysName + 'Id')
                        })[0]
                        : null;

                    if (coordModel != null) {
                        save(
                            coordModel,
                            axisModel,
                            coordSysName === 'grid' ? cartesians : polars,
                            coordModel.componentIndex
                        );
                    }
                }
            }, this);

            function save(coordModel, axisModel, store, coordIndex) {
                var item;
                for (var i = 0; i < store.length; i++) {
                    if (store[i].model === coordModel) {
                        item = store[i];
                        break;
                    }
                }
                if (!item) {
                    store.push(item = {
                        model: coordModel, axisModels: [], coordIndex: coordIndex
                    });
                }
                item.axisModels.push(axisModel);
            }

            return {
                cartesians: cartesians,
                polars: polars,
                axisModels: axisModels
            };
        }

    });