Blame view

node_modules/echarts/lib/component/axisPointer/SingleAxisPointer.js 4.43 KB
2a09d1a4   liuqimichale   添加宜春 天水 宣化
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
  var graphic = require("../../util/graphic");
  
  var BaseAxisPointer = require("./BaseAxisPointer");
  
  var viewHelper = require("./viewHelper");
  
  var singleAxisHelper = require("../../coord/single/singleAxisHelper");
  
  var AxisView = require("../axis/AxisView");
  
  /*
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
  * distributed with this work for additional information
  * regarding copyright ownership.  The ASF licenses this file
  * to you under the Apache License, Version 2.0 (the
  * "License"); you may not use this file except in compliance
  * with the License.  You may obtain a copy of the License at
  *
  *   http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
  * software distributed under the License is distributed on an
  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  * KIND, either express or implied.  See the License for the
  * specific language governing permissions and limitations
  * under the License.
  */
  var XY = ['x', 'y'];
  var WH = ['width', 'height'];
  var SingleAxisPointer = BaseAxisPointer.extend({
    /**
     * @override
     */
    makeElOption: function (elOption, value, axisModel, axisPointerModel, api) {
      var axis = axisModel.axis;
      var coordSys = axis.coordinateSystem;
      var otherExtent = getGlobalExtent(coordSys, 1 - getPointDimIndex(axis));
      var pixelValue = coordSys.dataToPoint(value)[0];
      var axisPointerType = axisPointerModel.get('type');
  
      if (axisPointerType && axisPointerType !== 'none') {
        var elStyle = viewHelper.buildElStyle(axisPointerModel);
        var pointerOption = pointerShapeBuilder[axisPointerType](axis, pixelValue, otherExtent, elStyle);
        pointerOption.style = elStyle;
        elOption.graphicKey = pointerOption.type;
        elOption.pointer = pointerOption;
      }
  
      var layoutInfo = singleAxisHelper.layout(axisModel);
      viewHelper.buildCartesianSingleLabelElOption(value, elOption, layoutInfo, axisModel, axisPointerModel, api);
    },
  
    /**
     * @override
     */
    getHandleTransform: function (value, axisModel, axisPointerModel) {
      var layoutInfo = singleAxisHelper.layout(axisModel, {
        labelInside: false
      });
      layoutInfo.labelMargin = axisPointerModel.get('handle.margin');
      return {
        position: viewHelper.getTransformedPosition(axisModel.axis, value, layoutInfo),
        rotation: layoutInfo.rotation + (layoutInfo.labelDirection < 0 ? Math.PI : 0)
      };
    },
  
    /**
     * @override
     */
    updateHandleTransform: function (transform, delta, axisModel, axisPointerModel) {
      var axis = axisModel.axis;
      var coordSys = axis.coordinateSystem;
      var dimIndex = getPointDimIndex(axis);
      var axisExtent = getGlobalExtent(coordSys, dimIndex);
      var currPosition = transform.position;
      currPosition[dimIndex] += delta[dimIndex];
      currPosition[dimIndex] = Math.min(axisExtent[1], currPosition[dimIndex]);
      currPosition[dimIndex] = Math.max(axisExtent[0], currPosition[dimIndex]);
      var otherExtent = getGlobalExtent(coordSys, 1 - dimIndex);
      var cursorOtherValue = (otherExtent[1] + otherExtent[0]) / 2;
      var cursorPoint = [cursorOtherValue, cursorOtherValue];
      cursorPoint[dimIndex] = currPosition[dimIndex];
      return {
        position: currPosition,
        rotation: transform.rotation,
        cursorPoint: cursorPoint,
        tooltipOption: {
          verticalAlign: 'middle'
        }
      };
    }
  });
  var pointerShapeBuilder = {
    line: function (axis, pixelValue, otherExtent, elStyle) {
      var targetShape = viewHelper.makeLineShape([pixelValue, otherExtent[0]], [pixelValue, otherExtent[1]], getPointDimIndex(axis));
      graphic.subPixelOptimizeLine({
        shape: targetShape,
        style: elStyle
      });
      return {
        type: 'Line',
        shape: targetShape
      };
    },
    shadow: function (axis, pixelValue, otherExtent, elStyle) {
      var bandWidth = axis.getBandWidth();
      var span = otherExtent[1] - otherExtent[0];
      return {
        type: 'Rect',
        shape: viewHelper.makeRectShape([pixelValue - bandWidth / 2, otherExtent[0]], [bandWidth, span], getPointDimIndex(axis))
      };
    }
  };
  
  function getPointDimIndex(axis) {
    return axis.isHorizontal() ? 0 : 1;
  }
  
  function getGlobalExtent(coordSys, dimIndex) {
    var rect = coordSys.getRect();
    return [rect[XY[dimIndex]], rect[XY[dimIndex]] + rect[WH[dimIndex]]];
  }
  
  AxisView.registerAxisPointerClass('SingleAxisPointer', SingleAxisPointer);
  var _default = SingleAxisPointer;
  module.exports = _default;