O diagrama interactiva de sunburst pentru reprezentarea datelor ierarhice, in care fiecare nod de date al unui arbore este reprezentat de un segment inelar in cadrul inelelor multi-strat.
Dand clic pe un arc focalizeaza vizualizarea pe sub-arborele asociat, permitand o explorare treptata a datelor. Daca faceti clic in centrul diagramei, micsorati un nivel, in timp ce faceti clic pe panza, restabiliti nivelul de zoom la vizualizarea radacina. Graficul raspunde, de asemenea, la modificarile de date prin animarea arcurilor fiecaruia dintre noduri in noile lor pozitii.
In mod implicit, zonele arcurilor sunt liniar proportionale cu valorile lor de date, rezultand o scadere a grosimii straturilor exterioare intr-un mod patratic. Acest lucru poate fi totusi personalizat utilizand metoda radiusScaleExponent.
Pentru performante imbunatatite, arcurile mai mici decat un prag dat (minSliceAngle) sunt excluse din DOM, permitand reprezentarea unor seturi mari de date, mentinand in acelasi timp o interactiune lina. Vedeti aici un exemplu de structura de date mare generata aleatoriu.
Vezi si diagramele Icicle, Circle Pack si Treemap.
Pornire rapida
sau
sau chiar
atunci
Referinta API
Metoda Descriere Date implicite ([ object ]) Getter / setter pentru date grafice (vezi mai jos pentru detalii despre sintaxa). width ([ numar ]) Getter / setter pentru latimea graficului in px. <latime fereastra> inaltime ([ numar ]) Obtinator / setator pentru inaltimea graficului in px. <inaltimea ferestrei> copii ([ sir sau fn ]) Getter / setter pentru accesorul copiilor unui nod de date, folosit pentru a stabili relatia ierarhica intre noduri. Suporta fie un sir care indica numele proprietatii obiectului, fie o functie (nod) care ar trebui sa returneze o matrice de noduri. eticheta copiilor ([sir sau fn ]) Getter / setter pentru un accesor de eticheta de obiect nod, folosit pentru a afisa etichete pe arce si sfaturile lor de instrumente. dimensiunea numelui ([ sir sau fn ]) Getter / setter pentru un accesor de dimensiune obiect nod, folosit pentru a calcula unghiurile arcurilor. valoare culoare ([ sir sau fn ]) Getter / setter pentru un accesor de culoare obiect de nod, folosit pentru a umple arcurile. gray strokeColor ([ sir sau fn ]) Getter / setter pentru un accesor de culoare linie de obiect de nod, folosit pentru a colora conturul arcurilor. white nodeClassName ([ string saufn ]) Getter / setter pentru un accesor nume de clasa obiect nod. Determina clasa (clasele) CSS care se aplica fiecarui nod de felie. – minSliceAngle ([ numar ]) Getter / setter pentru unghiul minim al unui arc (in grade) necesar pentru a fi redat in DOM. 0,2 maxLevels ([ numar ]) Getter / setter pentru numarul maxim de straturi de afisat la un moment dat. – excludeRoot ([ boolean ]) Getter / setter pentru a exclude nodul radacina din reprezentarea de nivel superior, pentru a maximiza spatiul radial disponibil. false centerRadius ([ numar]) Getter / setter pentru raza relativa a cercului central.
follando con mi mujer pono gay
www.maduras.con randy dave
orgia bisexual descargar pelis pornos
mamadas a dos bocas peliculas porno vintage
ver peliculas porno italianas maduras españolas masturbandose
desnudas en la cocina porno portugues
trio por sorpresa incesto real casero
trio bisex corridas dentro de la boca
sexo gratis videos videos de follar
maduras impresionantes orgia porno español
abuela follando con joven corridas de viejas
como folla mi vecina porno con argumento
andaluzas follando sexo videos gratis
folladas dormidas anita teen pillada por torbe
porns coñosxxx
mujeres peludas follando porno viejas en español
matrimonios follando porno esp
mala rodriguez porno madres viciosas
follando real porno india
sobando tetas peludas porno
Valoarea trebuie sa fie proportionala cu intreaga raza a graficului. Sunt permise numai valori intre <0, 1>. 0.1 radiusScaleExponent ([ numar ]) Getter / setter pentru exponentul scalei de putere utilizate pentru a calcula grosimea inelelor cu mai multe straturi. Valoarea implicita este 0,5 (radacina patrata), ceea ce asigura ca aria fiecarui segment ramane proportionala cu valoarea lor, prin scaderea razei spre exterior intr-un mod patratic. Pentru o scara liniara, utilizati 1. Valorile negative nu sunt permise. 0,5 sort ([ fn ]) Getter / setter pentru metoda de comparare utilizata pentru sortarea arcurilor fratilor. O valoare nula ( implicit) mentine ordinea existenta gasita in structura datelor de intrare. Aceasta metoda este echivalenta cu sortarea ierarhiei d3, primeste doua argumente reprezentand doua arce de frate si asteapta o valoare numerica returnata (-1, 0 sau 1) care indica ordinea. Fiecare element este o instanta a nodului ierarhiei d3 si are mai multe proprietati utile pentru a specifica ordinea: date (obiectul de date corespunzator), valoare (valoarea insumata a nodului si a tuturor descendentilor sai) si adancimea (gradul stratului). De exemplu, pentru a comanda arce dupa dimensiunea unghiulara, utilizati: (a, b) => b.value – a.value. <comanda existenta > labelOrientation ([ unghiular, radial sau automat]) Getter / setter pentru orientarea etichetelor. pozitiile unghiulare etichete curbate de-a lungul perimetrului arcului. radial va orienta etichetele de-a lungul axei radiale, centrate pe centroidul arcului. Modul automat va alege oricare dintre cele doua metode care permite etichetei sa se potriveasca in limitele arcului. Daca ambele moduri se potrivesc, este selectata metoda care pastreaza textul cel mai orizontal. auto showLabels ([ boolean ]) Getter / setter pentru a afisa etichete in arce. Indiferent de aceasta setare, etichetele prea mari pentru a se incadra in limitele unui arc sunt ascunse automat. adevarat showTooltip ([ fn]) Getter / setter pentru a specifica vizibilitatea unui instrument de obiect. Daca aceasta functie returneaza false pentru un anumit nod, sfatul de instrument al acelui nod nu se va afisa deloc. Daca nu este specificat, se vor afisa sfaturile de instrumente ale tuturor nodurilor. () => true tooltipTitle ([ fn ]) Getter / setter pentru un titlu de tooltip obiect de nod. Functia ar trebui sa returneze un sir care sa fie afisat cu caractere aldine in prima linie a sfatului. Daca nu este specificat, va fi afisat numele ierarhic complet. tooltipContent ([ fn ]) Getter / setter pentru un obiect de nod continut tooltip. Utilizati acest lucru pentru a specifica continut suplimentar in fiecare dintre sfaturile de instrumente ale arcului, in plus fata de titlul setat in tooltipTitle. focusOnNode ([ obiect]) Getter / setter pentru nodul de date pentru a focaliza graficul. Utilizati aceasta metoda pentru a prelua nodul curent in focalizare sau pentru a mari grafic graficul la un anumit nod. onHover ([ fn ]) Functie de apel invers pentru evenimentele de mouse-ul. Include obiectul nodului de date (sau nul daca se plaseaza pe fundal) ca argument unic. onClick ([ fn ]) Functie de apel invers pentru evenimente de clic. Include obiectul nodului de date (sau nul daca faceti clic pe fundal) ca argument unic. O valoare falsy (implicita) se concentreaza automat pe nodurile facute clic, echivalent cu myChart.onClick (myChart.focusOnNode).
Sintaxa datelor
Da inapoi
Daca acest proiect te-a ajutat si ai vrea sa contribui inapoi, imi poti cumpara intotdeauna un ☕!
