Come assegnare colori casuali a D3 grafico a barre?

Sto lavorando su una D3 grafico a barre per il mock-up di seguito:

Come assegnare colori casuali a D3 grafico a barre?

Come faccio a fare le barre sono di colori casuali?

jsFiddle

Codice:

svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis);
InformationsquelleAutor Rahul Desai | 2014-02-17



3 Replies
  1. 18

    d3 ha 4 costruito in tavolozze di colori.

    Ecco il link per il costruito in tavolozze di colori.

    Questo tutorial è buono sull’utilizzo di colori specifici per l’elemento specifico.

    Un altro tutorial da Girolamo Cukier.

    E ufficiale sito per d3 colori.

    Violino – Nota: il violino ho superato i colori con l’aggiunta di colori nei dati.

    Può anche essere fatto passando i colori da diverse variabili.

    Spero che questo aiuta.

    • come faccio ad aggiungere la scala dei grigi, che mostra piena scala dell’asse Y in background del bar?
    • Io non sono chiare. Si voleva aggiungere linee orizzontali della griglia?
    • No, se si considera una singola barra in istantanea in questione, ha una scala di grigi parallelo all’asse Y che è simile al 100%. Come posso aggiungere che, a mio grafico?
    • Si può aprire un nuovo post per questo? Si prega di farlo con un violino, perché io non sono esperto in quello che hai chiesto, ma ora darò una prova. Altri popoli possono anche aiutare.
    • qui: stackoverflow.com/questions/21823226/…
  2. 6
    colors = d3.scale.category20()
    
    rects = svg.selectAll('rect')
                    .data(data)
                    .enter()
                    .append("rect")
                    .attr("class","rect")
                    .....#other attributes
                    .attr("fill",function(d,i){return colors(i)})

Lascia un commento