Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

133
Vistas
Smooth scrolling in chart pane gesture

I set a pane gesture on chart to make chart horizontal scroll , but the problem is when user move quickly the gesture will move the chart by a very small percentage , how can I make smoothing scroll , so that if the user moves fast, the graph moves quickly as well .

Note that : drawChart() will scroll chart to event.x pixel and redraw the chart .

Here is my pan gesture code :

    private mobileHandleEvent(event: WindowEvent): boolean {
        let pos = this._lastPoint = {x: event.pointerPosition.x, y: event.pointerPosition.y};

        switch (event.evt.type) {
            case TouchEvent.START: {
                if (this._checkButton(event) && this._checkHit(event)) {
                    this._prevPoint = {x: pos.x, y: pos.y};
                    this._which = event.evt.type === TouchEvent.START ? 1 : event.evt.which;
                    this._state = GestureState.STARTED;
                    this.drawChart();

                    return true;
                }
                break;
            }
            case TouchEvent.MOVE: {
                let offset = this.moveOffset;
                if (this.isActive()) {
                    offset.x = 1.5 * (pos.x - this._prevPoint.x);
                    offset.y = 1.5 * (pos.y - this._prevPoint.y);

                    let minMoveDistance = this.minMoveDistance;
                    if ((this.horizontalMoveEnabled && Math.abs(offset.x) >= minMoveDistance) ||
                        (this.verticalMoveEnabled && Math.abs(offset.y) >= minMoveDistance)) {
                        
                        this._state = GestureState.CONTINUED;
                       
                                this.drawChart();
                        }}
                    return true;
                }
                break;
            }
            case TouchEvent.END: {
                if (this.isActive()) {
                    this._state = GestureState.FINISHED;
                    this.drawChart();

                    return true;
                }
                break;
            }
        }

        return false;
    }
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda