Zoomable, Google-Finance - style Wykres szeregów czasowych w D3 czy Riksza? [zamknięte]

NVD3 jest bardzo fajnym projektem, który ma szereg Wykresów wielokrotnego użytku napisanych na D3. Zobacz tutaj , aby zobaczyć przykład wykresu liniowego z wyszukiwarką widoku wraz z kodem źródłowym.

Update: przykład NVD3 teraz łączy się również z przykładem Mike Bostock (twórca D3), który demonstruje podobną funkcjonalność, możliwość powiększania/skupiania się na wybranych danych, zaimplementowanych wyłącznie z D3.js.

Dygraphs robi dokładnie to co chcesz w tym demo:

Http://dygraphs.com/gallery/#g/range-selector

A może HighStock , HighCharts mniej znane rodzeństwo?

Wiem, że chcesz używać D3, ale Humble Finance musi być warte wzmianki, ponieważ robi dokładnie to, co chcesz z tylko javascript i płótna.

Jeśli naprawdę chcesz używać D3, myślę, że będziesz musiał stworzyć coś własnego, co musi być stratą czasu, biorąc pod uwagę, jak dobre i odpowiednie są skromne Finanse.

Wskazówka na próbę: zip download nie zawiera flotr2, którego wymaga, jednak można go łatwo pobrać z tutaj (oczywiście musisz dodać wymagane pliki flotr2 do katalogu Humble Finance w odpowiednim miejscu).

Edit:

Ignoruj skromne Finanse, próbowałem go często używać i to doprowadziło mnie do zakrętu. Baza kodu wydawała się dość niechlujna i musiałeś w końcu dodać wiele bibliotek do swojej strony, aby ją uruchomić, wtedy bardzo trudno jest wprowadzić nawet drobne zmiany na wykresie. Teraz używam D3, ale stwierdziłem, że SVG renderowany jest zbyt wolno z dużą ilością (dużo i dużo) punktów na krzywej. Skończyło się na użyciu D3, aby narysować osie, ustawić skale i renderować ramę czasową zmieniającą rzecz, i rysowanie krzywej za pomocą płótna. To chyba działa całkiem nieźle. Przepraszam, nie mam nigdzie przykładu.

Jestem pewnie trochę spóźniony na imprezę, ale Pan Bostock niedawno dostarczył doskonały przykład tego, czego szukasz.

Widziałeś Crossfilter ? Kolejna oferta oparta na D3, która ma podobne właściwości do interfejsu Google Finance.

Nie znam żadnego z frameworków, o których wspominasz, ale zastanawiałem się, czy zamiast tego możesz użyć Google charts? Korzystając z tego, będziesz w stanie to, co robią w Google finance, A przykład, jak to zrobić, można pobrać z ich strony internetowej.

Jeśli szukasz innych frameworków do przyjrzenia się, mogę polecić wykresy Embrise-jestem pewien, że będziesz w stanie zrobić tam coś podobnego, a ich zespół programistów jest bardzo pomocny.

Riksza teraz to wspiera!

Zobacz przykład i Rickshaw.Graph.RangeSlider.Preview.