Załóżmy, że mam skrypt histogramu, który buduje grafikę 960 500 svg. Jak sprawić, by to reagowało, więc zmieniając szerokość, szerokość i wysokość grafiki były dynamiczne? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. …
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ść. …
Czy ktoś może wyjaśnić różnicę między datum () a data () w D3.js? Widzę, że oba są używane i nie jestem pewien, dlaczego powinieneś wybrać jedno z nich?
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 …
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) …
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 …
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 …
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 …
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 …
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 …
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") …
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 …
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, …
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?
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 …
Używamy plików cookie i innych technologii śledzenia w celu poprawy komfortu przeglądania naszej witryny, aby wyświetlać spersonalizowane treści i ukierunkowane reklamy, analizować ruch w naszej witrynie, i zrozumieć, skąd pochodzą nasi goście.
Kontynuując, wyrażasz zgodę na korzystanie z plików cookie i innych technologii śledzenia oraz potwierdzasz, że masz co najmniej 16 lat lub zgodę rodzica lub opiekuna.