Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Szukam JS Column Stacked Chart
Pyton_000
post 3.07.2016, 10:39:52
Post #1





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Siemka.

Szukam biblioteki JS do rysowania Stacked Column Chart.

Zaraz będzie milion głosów "Ale przecież każda to potrafi". Tak, ale oparte są na seriach danych.

Mi chodzi o coś +/-:

Dane (przykładowe):
Kod
[
    '2016-01-01': [
        1,2,3,4
    ],
    '2016-01-02': [
        2,7
    ],
    '2016-01-03': [
        1,6,9
    ],
    '2016-01-04': [
        1,2,6
    ],
    '2016-01-05': [
        1
    ],
]


Wykres:


Kolory są bez znaczenia (po prostu udało mi się na siłę w Excelu wygenerować taki wykres biggrin.gif )
Nie chciałbym zbytnio kombinować nad strukturą danych i na siłę upychać się w seriach danych.

Chcę po prostu aby do danej daty przypisać x wartości i żeby one się zestackowały na tej dacie. Jak widać ilość danych per data może być rózna (nawet 100 smile.gif albo 1mln tongue.gif )

Ten post edytował Pyton_000 3.07.2016, 10:42:25
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
trueblue
post 3.07.2016, 10:56:11
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


https://www.amcharts.com/demos/stacked-column-chart/


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 3.07.2016, 10:59:58
Post #3





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


@trueblue napisałem przecież że nie chcę serii danych wink.gif
Taki wykres mogę wygenerować 90% bibliotekami do chartów smile.gif

PS. No chyba że pokażesz mi kod który wygeneruje dokładnie taki wykres jak pokazałem bez miliona dodatkowych funkcji, przekształceń itp.

Ten post edytował Pyton_000 3.07.2016, 11:00:40
Go to the top of the page
+Quote Post
trueblue
post 3.07.2016, 11:11:31
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Pyton_000,
z boku jest przycisk edycji, widać kod.

Chart jest zasilony układem danych:
  1. "year": 2003,
  2. "europe": 2.5,
  3. "namerica": 2.5,
  4. "asia": 2.1,
  5. "lamerica": 0.3,
  6. "meast": 0.2,
  7. "africa": 0.1
  8. }, {
  9. "year": 2004,
  10. "europe": 2.6,
  11. "namerica": 2.7,
  12. "asia": 2.2,
  13. "lamerica": 0.3,
  14. "meast": 0.3,
  15. "africa": 0.1


Czyli rok i dane dla roku (układ jak podany przez Ciebie).
Większość chartów, które widziałem jest zasilana danymi przetransponowanymi - pierwsza seria na kolejne lata, druga seria na kolejne lata, itd.
Chodzi Ci o to, że są etykiety danych (tu kontynety)?

Ten post edytował trueblue 3.07.2016, 11:12:13


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 3.07.2016, 12:07:35
Post #5





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


A możesz zbudować chart taki jak pokazałem na podstawie moich danych? Bo ja to średnio widzę. smile.gif
Go to the top of the page
+Quote Post
trueblue
post 3.07.2016, 12:15:18
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/tpyLfb1h/


--------------------
Go to the top of the page
+Quote Post
Pyton_000
post 3.07.2016, 12:20:39
Post #7





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Niee tak być nie może smile.gif Po pierwsze musiałbym generować pierdyliard labelek, do tego serie danych, do tego baloons itd itd.

Całość robi się skomplikowana. Ja potrzebuję prostego rozwiązania.
Już nawet w głowie pojawił się pomysł napisania sobie czegoś własnego ale nie za bardzo wiedziałbym jak się do tego zabrać.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 10:27