Les couleurs sur les graphiques des cartes EXTJS / YUI peuvent-elles être modifiées de manière dynamique?

Essayez ceci:

1. Créez un champ masqué et attribuez sa valeur à la valeur du champ de magasin contenant la valeur de couleur.
2. Lorsque le tableau de barres de rendu, réglez la couleur d'arrière-plan d'une barre à la valeur du champ masqué.

Jetez un oeil à ce Publication du blog a>. Lorsque vous configurez l'objet graphique, passez un objet de la série avec une propriété de style comme décrit dans cet article pour définir les couleurs et leur séquence.

Vous devez simplement avoir vos couleurs en boucle via vos enregistrements de magasin et construire un Nouveau tableau, ou peut-être le tirant de votre magasin avec un magasin.Query. Puis transmettez ce tableau en tant que propriété. P>

(...),
series: [style: { colors: arrayBuiltFromStore }],
(...)

De ce que j'ai pu trouver, vous pouvez utiliser la méthode xxx

si vous créez un graphique à secteurs (ou un autre tableau avec l'attribut série.colors) et Fonctionne génial.

Si vous utilisez un type de graphique qui ne prend pas en charge série.Colors ... il obtient un peu plus compliqué. J'ai constaté que l'utilisation de la méthode du rendu fonctionne assez bien. Le seul problème avec cette méthode (que je peux voir tout de suite) est qu'il ne change pas les couleurs de la légende. Il faudrait une nouvelle édition pour voir si cela pouvait être tiré du magasin.

Si vous découvrez le problème de la légende, faites le moi savoir, mais j'espère que cela vous aidera.

Remarque: Toutes les variables utilisées dans le script ci-dessous sont remplies dans le script. < / p> xxx

Oui, vous pouvez le faire en utilisant des rendriers. Exemple de code suivant modifie les couleurs des barres dans la barre de barres: xxx

ici "couleur 'est un champ du modèle de magasin. Vous pouvez définir une couleur différente pour chaque bar en la définissant dans l'enregistrement correspondant dans votre magasin.