Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]wykres wartości
shreker
post 28.11.2020, 13:54:29
Post #1





Grupa: Zarejestrowani
Postów: 270
Pomógł: 0
Dołączył: 21.05.2008

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


witam, mam pytanie może ktoś spotkał się z gotowym rozwiązaniem, albo wie jak wyświetlić wykres wartości w takiej postaci jak poniżej, coś bardzo prostego najlepiej opartego na samym css.
https://ibb.co/DRbzP9C
Go to the top of the page
+Quote Post
dublinka
post 28.11.2020, 16:48:15
Post #2





Grupa: Zarejestrowani
Postów: 594
Pomógł: 66
Dołączył: 22.02.2008
Skąd: Dublin

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


Zrob to w php


--------------------
Go to the top of the page
+Quote Post
shreker
post 28.11.2020, 17:16:28
Post #3





Grupa: Zarejestrowani
Postów: 270
Pomógł: 0
Dołączył: 21.05.2008

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


Ale co mam zrobić w php ? przecież za wygląd odpowiada css. PHP mi do tego nie jest potrzebne.
Go to the top of the page
+Quote Post
trueblue
post 28.11.2020, 18:41:47
Post #4





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

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


dublinka, miał na myśli to, że możesz wygenerować taki wykres w PHP jako obrazek.

Gdzie na tym obrazku są wartości maksymalna i minimalna?



--------------------
Go to the top of the page
+Quote Post
shreker
post 28.11.2020, 19:45:51
Post #5





Grupa: Zarejestrowani
Postów: 270
Pomógł: 0
Dołączył: 21.05.2008

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


Tylko chodziło mi o coś prostego, czysty html + css. Jak widać na obrazku, tłem jest rodzaj gradientu, z jednej strony są wartości min, a z drugiej max. Nie ma skali jako takiej, a wskaźnik wskazuje wartość w zależności od wartości min. i max. podobnie jak przy generowaniu scroller range.

w zasadzie już prawie sam doszedłem jak to zrobić, aktualnie jestem na takim etapie https://ibb.co/F5Wbn7m
Go to the top of the page
+Quote Post
trueblue
post 28.11.2020, 19:58:12
Post #6





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

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


https://jsfiddle.net/dp0tj8u9/


--------------------
Go to the top of the page
+Quote Post
shreker
post 28.11.2020, 20:07:38
Post #7





Grupa: Zarejestrowani
Postów: 270
Pomógł: 0
Dołączył: 21.05.2008

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


trueblue, a da się do tego dorobić żeby wartość była wyświetlana automatycznie, na przykład w dodatkowym divie, albo spanie ? jak na obrazku powyżej ?
Go to the top of the page
+Quote Post
trueblue
post 28.11.2020, 21:41:11
Post #8





Grupa: Zarejestrowani
Postów: 6 761
Pomógł: 1822
Dołączył: 11.03.2014

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


Da się. Wystarczy przenieść te zmienne do jakiegoś elementu nadrzędnego, a pobrać je w elementach, w których chcesz wyświetlić. A właściwie w pseudoelementach: https://stackoverflow.com/questions/4016416...ontent-property


--------------------
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: 16.04.2024 - 05:25