pinch.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. "use strict";
  2. exports.__esModule = true;
  3. exports["default"] = void 0;
  4. var _base = _interopRequireDefault(require("./base"));
  5. var _common = require("../../util/common");
  6. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
  7. function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
  8. function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
  9. var Pinch = /*#__PURE__*/function (_Base) {
  10. _inheritsLoose(Pinch, _Base);
  11. var _proto = Pinch.prototype;
  12. _proto.getDefaultCfg = function getDefaultCfg() {
  13. return {
  14. type: 'pinch',
  15. startEvent: 'pinchstart',
  16. processEvent: 'pinch',
  17. endEvent: 'pinchend'
  18. };
  19. };
  20. function Pinch(cfg, chart) {
  21. var _this;
  22. _this = _Base.call(this, cfg, chart) || this;
  23. var _assertThisInitialize = _assertThisInitialized(_this),
  24. context = _assertThisInitialize.context;
  25. (0, _common.mix)(context, cfg);
  26. return _this;
  27. }
  28. _proto.start = function start() {
  29. var context = this.context;
  30. context.start();
  31. };
  32. _proto.process = function process(e) {
  33. e.preventDefault && e.preventDefault();
  34. var zoom = e.zoom,
  35. center = e.center;
  36. var context = this.context;
  37. var chart = context.chart;
  38. var coord = chart.get('coord');
  39. var start = coord.start,
  40. end = coord.end;
  41. var coordWidth = end.x - start.x;
  42. var leftLen = Math.abs(center.x - start.x);
  43. var rightLen = Math.abs(end.x - center.x); // 计算左右缩放的比例
  44. var leftScale = leftLen / coordWidth;
  45. var rightScale = rightLen / coordWidth;
  46. context.doZoom(leftScale, rightScale, zoom);
  47. };
  48. _proto.end = function end() {
  49. // 缩放完成后再更新ticks
  50. var context = this.context;
  51. context.updateTicks();
  52. };
  53. return Pinch;
  54. }(_base["default"]);
  55. var _default = Pinch;
  56. exports["default"] = _default;