EffectPolyline.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. var Polyline = require("./Polyline");
  2. var zrUtil = require("zrender/lib/core/util");
  3. var EffectLine = require("./EffectLine");
  4. var vec2 = require("zrender/lib/core/vector");
  5. /**
  6. * Provide effect for line
  7. * @module echarts/chart/helper/EffectLine
  8. */
  9. /**
  10. * @constructor
  11. * @extends {module:echarts/chart/helper/EffectLine}
  12. * @alias {module:echarts/chart/helper/Polyline}
  13. */
  14. function EffectPolyline(lineData, idx, seriesScope) {
  15. EffectLine.call(this, lineData, idx, seriesScope);
  16. this._lastFrame = 0;
  17. this._lastFramePercent = 0;
  18. }
  19. var effectPolylineProto = EffectPolyline.prototype; // Overwrite
  20. effectPolylineProto.createLine = function (lineData, idx, seriesScope) {
  21. return new Polyline(lineData, idx, seriesScope);
  22. }; // Overwrite
  23. effectPolylineProto.updateAnimationPoints = function (symbol, points) {
  24. this._points = points;
  25. var accLenArr = [0];
  26. var len = 0;
  27. for (var i = 1; i < points.length; i++) {
  28. var p1 = points[i - 1];
  29. var p2 = points[i];
  30. len += vec2.dist(p1, p2);
  31. accLenArr.push(len);
  32. }
  33. if (len === 0) {
  34. return;
  35. }
  36. for (var i = 0; i < accLenArr.length; i++) {
  37. accLenArr[i] /= len;
  38. }
  39. this._offsets = accLenArr;
  40. this._length = len;
  41. }; // Overwrite
  42. effectPolylineProto.getLineLength = function (symbol) {
  43. return this._length;
  44. }; // Overwrite
  45. effectPolylineProto.updateSymbolPosition = function (symbol) {
  46. var t = symbol.__t;
  47. var points = this._points;
  48. var offsets = this._offsets;
  49. var len = points.length;
  50. if (!offsets) {
  51. // Has length 0
  52. return;
  53. }
  54. var lastFrame = this._lastFrame;
  55. var frame;
  56. if (t < this._lastFramePercent) {
  57. // Start from the next frame
  58. // PENDING start from lastFrame ?
  59. var start = Math.min(lastFrame + 1, len - 1);
  60. for (frame = start; frame >= 0; frame--) {
  61. if (offsets[frame] <= t) {
  62. break;
  63. }
  64. } // PENDING really need to do this ?
  65. frame = Math.min(frame, len - 2);
  66. } else {
  67. for (var frame = lastFrame; frame < len; frame++) {
  68. if (offsets[frame] > t) {
  69. break;
  70. }
  71. }
  72. frame = Math.min(frame - 1, len - 2);
  73. }
  74. vec2.lerp(symbol.position, points[frame], points[frame + 1], (t - offsets[frame]) / (offsets[frame + 1] - offsets[frame]));
  75. var tx = points[frame + 1][0] - points[frame][0];
  76. var ty = points[frame + 1][1] - points[frame][1];
  77. symbol.rotation = -Math.atan2(ty, tx) - Math.PI / 2;
  78. this._lastFrame = frame;
  79. this._lastFramePercent = t;
  80. symbol.ignore = false;
  81. };
  82. zrUtil.inherits(EffectPolyline, EffectLine);
  83. var _default = EffectPolyline;
  84. module.exports = _default;