2017-10-13 6 views
0

J'ai une jauge de dojo simple, et je voudrais ajouter une animation pour que l'aiguille passe de 0 à sa valeur quand la page se charge. J'aime l'option d'assouplissement pour elasticOut, mais je ne sais pas comment l'utiliser. Quelqu'un peut-il m'aider à l'implémenter?Comment puis-je ajouter une animation à une jauge de dojo de style automobile?

Gauge

Cet extrait de code est de mon XPages contrôle personnalisé qui utilise des propriétés personnalisées pour chacune des valeurs des indicateurs.

if (_indType == "Needle") { 
    gauge.addIndicator(new dojox.widget.gauge.AnalogNeedleIndicator({ 
     'value': parseInt(_indValue),'color': _indColor,'width': parseInt(_indWidth),noChange: true,useRangeStyles: 8 
    })); 
} 

Répondre

0

Si disponible hors-the-box, la propriété animationDuration semble le plus probable, voir http://dojotoolkit.org/reference-guide/1.10/dojox/dgauges.html. Si ce n'est pas le cas, vous devrez peut-être étendre la classe de widget Dojo correspondante.

+0

Merci pour la réponse rapide, Paul. J'ai vu cette page, mais je n'ai rien pu faire. J'ai trouvé ce post http://jsfiddle.net/rastrano/ZSrF8/ qui montre une aiguille en mouvement, mais quand j'ai essayé de l'appliquer, ça n'a pas marché non plus. J'espère trouver un exemple de travail que je peux utiliser. –