Pytania otagowane jako d3.js

D3.js to biblioteka JavaScript do tworzenia interaktywnych wizualizacji dokumentów związanych z danymi przy użyciu HTML, SVG i Canvas.


7
Jak mogę usunąć lub zamienić zawartość SVG?
Mam kawałek kodu JavaScript, który tworzy (przy użyciu D3.js) svgelement zawierający wykres. Chcę zaktualizować wykres w oparciu o nowe dane pochodzące z usługi internetowej za pomocą AJAX, problem polega na tym, że za każdym razem, gdy klikam przycisk aktualizacji, generuje nowy svg, więc chcę usunąć stary lub zaktualizować jego zawartość. …
200 javascript  ajax  svg  d3.js 


7
Zmień rozmiar svg, gdy rozmiar okna zostanie zmieniony w d3.js
Rysuję wykres rozrzutu za pomocą d3.js. Za pomocą tego pytania: Uzyskaj rozmiar ekranu, bieżącą stronę internetową i okno przeglądarki Korzystam z tej odpowiedzi: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth, y = w.innerHeight|| e.clientHeight|| g.clientHeight; Jestem w …
183 javascript  d3.js 

5
Pokaż dane po najechaniu kursorem myszy na okrąg
Mam zestaw danych, które wykreślam w rozproszeniu. Gdy najeżdżam kursorem myszy na jedno z kółek, chciałbym, aby wyskoczyło z danymi (takimi jak wartości x, y, może więcej). Oto, czego próbowałem użyć: vis.selectAll("circle") .data(datafiltered).enter().append("svg:circle") .attr("cx", function(d) { return x(d.x);}) .attr("cy", function(d) {return y(d.y)}) .attr("fill", "red").attr("r", 15) .on("mouseover", function() { d3.select(this).enter().append("text") .text(function(d) …
162 tooltip  mouseover  d3.js 

11
Wyśrodkuj mapę w d3, biorąc pod uwagę obiekt geoJSON
Obecnie w d3, jeśli masz obiekt geoJSON, który zamierzasz narysować, musisz go przeskalować i przetłumaczyć, aby uzyskać żądany rozmiar i przetłumaczyć, aby go wyśrodkować. Jest to bardzo żmudne zadanie metodą prób i błędów i zastanawiałem się, czy ktoś zna lepszy sposób uzyskania tych wartości? Na przykład, jeśli mam ten kod …
140 d3.js  geojson  topojson 

2
D3.js: co to jest „g” w kodzie D3.js .append („g”)?
Jestem nowy D3.js, zacząłem się uczyć dopiero dzisiaj Spojrzałem na przykład pączka i znalazłem ten kod var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); Szukałem dokumentacji , ale nie rozumiałem, co .append("g")jest załączane Czy to …
129 javascript  d3.js 

3
D3.js: Jak uzyskać obliczoną szerokość i wysokość dowolnego elementu?
Muszę dokładnie znać szerokość i wysokość dowolnego gelementu w moim, SVGponieważ po kliknięciu go przez użytkownika muszę narysować wokół niego znacznik wyboru. Co widziałem w Internecie jest coś takiego: d3.select("myG").style("width"). Problem polega na tym, że element nie zawsze będzie miał wyraźnie ustawiony atrybut szerokości. Na przykład, kiedy utworzę okrąg wewnątrz …
120 javascript  d3.js 

5
Szybkie i responsywne interaktywne wykresy / wykresy: SVG, Canvas, inne?
Próbuję wybrać odpowiednią technologię do aktualizacji projektu, która w zasadzie renderuje tysiące punktów na powiększalnym, przesuwalnym wykresie. Obecna implementacja przy użyciu Protovis jest gorsza. Sprawdź to tutaj: http://www.planethunters.org/classify Po całkowitym oddaleniu jest około 2000 punktów. Spróbuj użyć uchwytów na dole, aby nieco powiększyć, i przeciągnij, aby przesuwać. Zobaczysz, że jest …
114 html  canvas  svg  d3.js  kineticjs 

15
Odpowiednik D3.js w Pythonie
Czy ktoś może polecić bibliotekę Python, która umożliwia interaktywną wizualizację wykresów? W szczególności chcę czegoś takiego jak d3.js, ale pythonnajlepiej byłoby, gdyby był również 3D. Spojrzałem na: NetworkX - robi tylko Matplotlibwykresy, a te wydają się być 2D. Nie widziałem żadnej interaktywności, takiej jak ta, która d3.jsdaje, na przykład przeciąganie …

2
Jaka jest różnica między atrybutem x i dx svg?
Jaka jest różnica między atrybutem x i dx svg (lub y i dy)? Kiedy byłby właściwy moment na użycie atrybutu przesunięcia osi (dx) w porównaniu z atrybutem lokalizacji (x)? Na przykład zauważyłem, że wiele przykładów d3 robi coś takiego chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") …
106 svg  d3.js 

3
Dobra książka do nauki D3.js [zamknięte]
Zamknięte. To pytanie nie spełnia wytycznych dotyczących przepełnienia stosu . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby było na temat przepełnienia stosu. Zamknięte 6 lat temu . Popraw to pytanie Widziałem D3.jsi byłem zainteresowany, więc kupiłem tę książkę ! Mogę się mylić, ale uważam to za …

7
Jaka jest różnica między D3 a jQuery?
Odnosząc się do tego przykładu: http://vallandingham.me/stepper_steps.html wydaje się, że biblioteki D3 i jQuery są bardzo podobne w tym sensie, że obie wykonują manipulację DOM w sposób łańcuchowy. Ciekawi mnie, jakie funkcje ułatwia D3 niż jQuery i odwrotnie. Istnieje wiele bibliotek graficznych i wizualizacyjnych, które wykorzystują jQuery jako podstawę (np.highcharts, flot, …
103 javascript  jquery  d3.js 

9
Wywołaj wywołanie zwrotne na końcu przejścia
Muszę zrobić Fadeout metodę podobną do jQuery () używając D3.js . To, co muszę zrobić, to ustawić krycie na 0 za pomocą transition(). d3.select("#myid").transition().style("opacity", "0"); Problem polega na tym, że potrzebuję oddzwonienia, aby dowiedzieć się, kiedy przejście się zakończy. Jak mogę zaimplementować wywołanie zwrotne?

6
Oznakowanie osi d3
Jak dodać etykiety tekstowe do osi w D3? Na przykład mam prosty wykres liniowy z osiami x i y. Na mojej osi X mam znaczniki od 1 do 10. Chcę, aby pod spodem pojawiło się słowo „dni”, aby ludzie wiedzieli, że oś x liczy dni. Podobnie na osi Y cyfry …

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.