/* * 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. */ import Polyline from './Polyline'; import EffectLine, {ECSymbolOnEffectLine} from './EffectLine'; import * as vec2 from 'zrender/src/core/vector'; import { LineDrawSeriesScope } from './LineDraw'; import SeriesData from '../../data/SeriesData'; class EffectPolyline extends EffectLine { private _lastFrame = 0; private _lastFramePercent = 0; private _length: number; private _points: number[][]; private _offsets: number[]; // Override createLine(lineData: SeriesData, idx: number, seriesScope: LineDrawSeriesScope) { return new Polyline(lineData, idx, seriesScope); }; // Override protected _updateAnimationPoints(symbol: ECSymbolOnEffectLine, points: number[][]) { this._points = points; const accLenArr = [0]; let len = 0; for (let i = 1; i < points.length; i++) { const p1 = points[i - 1]; const p2 = points[i]; len += vec2.dist(p1, p2); accLenArr.push(len); } if (len === 0) { this._length = 0; return; } for (let i = 0; i < accLenArr.length; i++) { accLenArr[i] /= len; } this._offsets = accLenArr; this._length = len; }; // Override protected _getLineLength() { return this._length; }; // Override protected _updateSymbolPosition(symbol: ECSymbolOnEffectLine) { const t = symbol.__t < 1 ? symbol.__t : 2 - symbol.__t; const points = this._points; const offsets = this._offsets; const len = points.length; if (!offsets) { // Has length 0 return; } const lastFrame = this._lastFrame; let frame: number; if (t < this._lastFramePercent) { // Start from the next frame // PENDING start from lastFrame ? const start = Math.min(lastFrame + 1, len - 1); for (frame = start; frame >= 0; frame--) { if (offsets[frame] <= t) { break; } } // PENDING really need to do this ? frame = Math.min(frame, len - 2); } else { for (frame = lastFrame; frame < len; frame++) { if (offsets[frame] > t) { break; } } frame = Math.min(frame - 1, len - 2); } const p = (t - offsets[frame]) / (offsets[frame + 1] - offsets[frame]); const p0 = points[frame]; const p1 = points[frame + 1]; symbol.x = p0[0] * (1 - p) + p * p1[0]; symbol.y = p0[1] * (1 - p) + p * p1[1]; const tx = symbol.__t < 1 ? p1[0] - p0[0] : p0[0] - p1[0]; const ty = symbol.__t < 1 ? p1[1] - p0[1] : p0[1] - p1[1]; symbol.rotation = -Math.atan2(ty, tx) - Math.PI / 2; this._lastFrame = frame; this._lastFramePercent = t; symbol.ignore = false; }; } export default EffectPolyline;