d3 échelle de couleurs - linéaire avec plusieurs couleurs?

Je suis en train de créer quelque chose d'un peu semblable à une quantification de l'échelle, mais d'agir comme un linéaire de l'échelle de couleurs?

Quand j'ai essayer de mettre plusieurs couleurs sur une échelle linéaire, il semble être la seule échelle entre les deux premières couleurs.

J'aimerais plusieurs couleurs comme une quantification de l'échelle, mais de fondu entre les couleurs. Je ne suis pas sûr si cela est possible.

//red and green works ok
var color = d3.scale.linear()
            .range(['red','green']);

//doesn't work - only red and green show
var color = d3.scale.linear()
            .range(['red','green', 'blue']);


//red green and blue show, however it doesn't fade between the colors
var color = d3.scale.quantize()
            .range(['red','green', 'blue']);

source d'informationauteur Alex KeySmith

  1. 21

    Vous devez utiliser le nom de domaine "pivot" valeur comme:

    d3.scale.linear()
    .domain([0, pivot, max])
    .range(['red', 'green', 'blue']);

    De la documentation pour l'échelle continue de domaines:

    Bien que continue échelles ont généralement deux valeurs, chacun dans leur domaine et, en spécifiant plus de deux valeurs donne un par morceaux échelle. Par exemple, pour créer une divergence de l'échelle de couleurs qui interpole entre le blanc et le rouge pour les valeurs négatives, et le blanc et le vert pour les valeurs positives, de dire:

    var color = d3.scaleLinear()
    .domain([-1, 0, 1])
    .range(["red", "white", "green"]);

color(-0.5); //"rgb(255, 128, 128)"
color(+0.5); //"rgb(128, 192, 128)"