Javascript Girl
  1. Javascript Girl
  3. MajorTicksColor par intervalle dans les jauges dojox à l'aide de la trousse à outils Dojo
Intereting Posts
En attente de chargement de la fenêtre enfant pour terminer Javascript – Pourquoi existe-t-il une spécification pour les modules synchronisés et asynchrones? Obtenez la valeur absolue d'un nombre en Javascript Travailler avec des éléments polygones SVG Javascript et utf-8 / caractères spéciaux aident Atteindre la longitude et la valeur Latitude à partir d'une fonction XMLHttpRequest passant une variable au script php Erreur d'exécution JavaScript: '$' est indéfini Collecte de backbone à partir du fichier Jams et du cache sur localstorage Pouvez-vous avoir plusieurs régions d'écrêtage dans une toile HTML? Emballage Visual Studio: une autre version de ce produit est déjà installée Comment utiliser les directives angulaires ng-click et ng-class inside Popup marqueur popup Comment bloquer l'édition sur certaines parties du contenu dans CKEDITOR textarea? Chargement du modèle après la requête ajax à l'aide d'ejs Soumettre des formulaires cachés HTML

MajorTicksColor par intervalle dans les jauges dojox à l'aide de la trousse à outils Dojo

J'essaie d'utiliser la boîte à outils dojo et exactement cette jauge .

En fait, je veux une fonctionnalité pour MajorTicksColor et mineTicksColor, je veux que la couleur dépend de l'intervalle, par exemple: de 0 à 30 vert, de 30 à 70 jaune et de 70 rouge à 100, ou peut-être dégradé.

J'aime cette image .

Est-ce possible ?

Je vous remercie.

Cordialement,

Quelque chose comme cette violon ?

Le principal ici est d'utiliser un aspect pour améliorer la méthode dojox/gauges/GlossyCircularGauge widget dojox/gauges/GlossyCircularGauge . 

 // // Use the new "drawGreenYellowRedCurves" as an *after* aspect to the existing "drawRange" function. // require(['dojox/gauges/GlossyCircularGauge', 'dojo/aspect', 'drawGreenYellowRedCurves', 'dojo/domReady!'], function (GlossyCircularGauge, aspect, drawGreenYellowRedCurves) { var gauge = new GlossyCircularGauge({ background: [255, 255, 255, 0], title: 'Value', id: "glossyGauge", width: 300, height: 300 }, dojo.byId("CircularGauge")); aspect.after(gauge, "drawRange", drawGreenYellowRedCurves, true); gauge.startup(); });

Image de la jauge