D3.js: Modification de la couleur de la barre en fonction de la valeur
J'ai fait des expériences avec d3.js graphique à barres, je veux changer de couleur en fonction de la valeur de l'axe y, comment puis-je atteindre cet objectif. J'ai essayé d'ajouter des dégradés linéaires, mais puis-je perdre le contrôle sur elle.
Le code, je suis en train de travailler sur est sur cette base: http://bost.ocks.org/mike/bar/
Vous devez vous connecter pour publier un commentaire.
Ajouter les attributs suivants pour adapter la couleur:
JS:
CSS:
HTML:
Vous devrez utiliser la fonction quantile à l'échelle de la gamme de la couleur. Vous pouvez obtenir de la documentation ici https://github.com/mbostock/d3/wiki/Quantitative-Scales
Vous pouvez aussi consulter http://colorbrewer2.org/ pour une gamme de couleurs.
JS:
CSS:
HTML:
rect
élément?fill
au lieu debackground-color
etrect
au lieu de 'div'.