Pytania oznaczone «d3.js»

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

200
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ę...

183
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 ||...

162
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",...

140
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...

129
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...

110
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...

106
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)...

103
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...

98
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...

94
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 1-10 są zaznaczone jako kleszcze i chcę, aby...

92
Jak dodać podpowiedź do grafiki SVG?

Mam serię prostokątów svg (używając D3.js) i chcę wyświetlić komunikat po najechaniu myszą, wiadomość powinna być otoczona ramką, która działa jako tło. Powinny być idealnie wyrównane względem siebie i prostokąta (na górze i na środku). Jaki jest najlepszy sposób, aby to zrobić? Próbowałem...

89
Różnica między GeoJSON i TopoJSON

Jaka jest różnica między GeoJSON i TopoJSON i kiedy powinienem używać jednego nad drugim? Opis TopoJSON na GitHub implikuje pliki TopoJSON są 80% mniejsze. Dlaczego więc po prostu nie używać TopoJSON przez cały czas?