pan.js 743 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import Base from './base';
  2. class Pan extends Base {
  3. getDefaultCfg() {
  4. return {
  5. type: 'pan',
  6. startEvent: 'panstart',
  7. processEvent: 'pan',
  8. endEvent: 'panend'
  9. };
  10. }
  11. start() {
  12. var {
  13. context
  14. } = this;
  15. context.start();
  16. }
  17. process(e) {
  18. var {
  19. direction,
  20. deltaX
  21. } = e;
  22. if (direction === 'up' || direction === 'down') {
  23. return;
  24. }
  25. e.preventDefault && e.preventDefault();
  26. var {
  27. context
  28. } = this;
  29. var chart = context.chart;
  30. var coord = chart.get('coord');
  31. var {
  32. start,
  33. end
  34. } = coord;
  35. var coordWidth = end.x - start.x;
  36. var ratio = deltaX / coordWidth;
  37. context.doMove(ratio);
  38. }
  39. }
  40. export default Pan;