Mocno personalizowany wykres w highcharts

Odpowiedz Nowy wątek
2015-02-16 10:28
ne0
0

Hej,

Chcę zastosować ten wykres: http://www.highcharts.com/demo/scatter Przy czym: na osi Y chciałbym mieć jakby "nazwy" miejsc, na osi X daty wizyt w tych miejscach. Dodatkowo w zbiorze danych do wyświetlenia będzie informacja o kolorze tej kropki która ma pojawić się na wykresie...
Problem 1: nie wiem jak mają wyglądać dane do tego... jaki powinny mieć format?
Problem 2: nie wiem jak uzyskać na osi Y te miejsca (bo normlanie tam się podaje np. liczby, a tutaj mam mieć tekst).

Proszę o Was pomoc.

EDIT:
tutaj znalazłem fajny przykład: http://jsfiddle.net/jlbriggs/vtcyu3wt/ jednakże teraz się zastanawiam jak to ogarnąć.. na osi X będę miał daty, potem na osi Y będę miał te swoje nazwy i potem na tej podstawie wygeneruje tablicę z punktami... czuje że będzie tutaj wiele pętli etc. nie wiem czy poprawnie.


Pomogłem? To dobrze :)
edytowany 1x, ostatnio: ne0, 2015-02-16 10:52

Pozostało 580 znaków

2015-02-16 17:11
ne0
1

Rozwiązanie:

  1. Zbieram wszystkie punkty, które pójdą na oś X.
  2. Zbieram wszystkie punkty, które pójdą na oś Y.
  3. Tworzę tablicę punktów (np. [1,2]), za pomocą "indexOf".
            var xCategories = JSLINQ(data).Distinct(function(item){ return item.data; }).OrderBy(function (item) { return item; });
            var yCategories = JSLINQ(data).Distinct(function(item){ return item.miejsce; });
            $.each(data, function(index, item) {
                var xInd = xCategories.items.indexOf(item.data);
                var yInd = yCategories.items.indexOf(item.miejsce);
                dataChart.push({
                    "x": xInd,
                    "y": yInd,
                    "color": returnColor(item.kolor),
                    "name": item.miejsce, "date": item.data });
            });

Pomogłem? To dobrze :)

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0