Dessinez un cercle D3 avec des couleurs dégradées
Comment dessiner un cercle avec un dégradé de couleur? Dire, un dégradé du jaune au bleu.
Normalement, pour créer un cercle en jaune, on peut utiliser le code suivant:
var cdata=[50,40];
var xscale=40;
var xspace =50;
var yscale=70;
var svg = d3.select("body")
.append("svg")
.attr("width", 1600)
.attr("height", 1600);
var circle = svg.selectAll("circle")
.data(cdata)
.enter()
.append("circle");
var circleattr = circle
.attr("cx", function(d) {
xscale = xscale+xspace;
return xscale;
})
.attr("cy", function(d) {
yscale=yscale+xspace+10;
return yscale;
})
.attr("r", function(d) {
return d;
})
.style("fill","yellow");
source d'informationauteur user2637905
Vous devez vous connecter pour publier un commentaire.
Vous devez définir le dégradé dans le SVG d'abord, et ensuite remplir le cercle avec une SVG de liaison à l'élément de pente.
Un jsFiddle avec l'exemple complet. Plus de détails sur la façon de définir le format SVG dégradés dans le MDN Tutoriel. L'image résultante: