Piotr Karcz

Piotr Karcz piro[studio]

Temat: Wykres z tabeli

Witam,

może ktoś mógłby mi pomóc, mianowicie mam kalkulator, który wylicza mi dane a następnie przedstawia w tabeli; chciałbym aby dwie kolumny były przedstawione również w formie wykresu słupkowego, istnieje jakiś skrypt który to umożliwi np po kliknięciu w przycisk?

pozdrawiam
Przemysław Mierkowski

Przemysław Mierkowski Software Developer

Temat: Wykres z tabeli

Jest bardzo prosta biblioteka pod jQuery: http://highcharttable.org/
Czyta dane bezpośrednio z tabeli HTML, możesz podpiąć tworzenie wykresu pod kliknięcie przycisku bez problemów.

Jeśli masz możliwość podczas generowania tabeli dane przedstawić jako JSON, to bibliotek które z niego zrobią wykres już jest całe multum.
Wojciech J.

Wojciech J. mistrz wwwujitsu

Temat: Wykres z tabeli

Zerknij też na google charts: https://developers.google.com/chart/?hl=pl
Piotr Karcz

Piotr Karcz piro[studio]

Temat: Wykres z tabeli

highcharts.js jest w porządku tylko mam mały problem,
mianowicie dane, które wyświetlają się w polach tabeli mają format z przecinkiem np 234,56
a biblioteka uznaje wartości z kropkami, masz może jakiś pomysł jak zrobić żeby to zadziałało?

konto usunięte

Temat: Wykres z tabeli

Piotr K.:
highcharts.js jest w porządku tylko mam mały problem,
mianowicie dane, które wyświetlają się w polach tabeli mają format z przecinkiem np 234,56
a biblioteka uznaje wartości z kropkami, masz może jakiś pomysł jak zrobić żeby to zadziałało?

zamienić przecinek na kropkę? :)
Piotr Karcz

Piotr Karcz piro[studio]

Temat: Wykres z tabeli

:))

ale wcześniej kalkulator mi 'wypluwa' takie liczby
Przemysław Mierkowski

Przemysław Mierkowski Software Developer

Temat: Wykres z tabeli

W bibliotece nie znalazłem możliwości ustawienia kropka/przecinek.

Skoro już masz dane z przecinkiem, spróbuj chwilę przed odpaleniem tworzenia wykresy w javascripcie zamienić przecinek na kropkę, później po utworzeniu wykresu możesz przywrócić przecinki:

var elem = $('table').html().toString().replace(/\,/g, '.');
$('table').html(elem);
//tutaj wywołanie funkcji tworzącej wykres
//tutaj możesz przywrócić z powrotem przecinki

Dla użytkownik powinno być to niewidoczne.Ten post został edytowany przez Autora dnia 23.09.14 o godzinie 09:20
Piotr Karcz

Piotr Karcz piro[studio]

Temat: Wykres z tabeli

wielkie dzięki :)

konto usunięte

Temat: Wykres z tabeli

Przemysław M.:

Skoro już masz dane z przecinkiem, spróbuj chwilę przed odpaleniem tworzenia wykresy w javascripcie zamienić przecinek na kropkę, później po utworzeniu wykresu możesz przywrócić przecinki:
...
Jesli "to ten" highcharts to:
http://api.highcharts.com/highcharts#lang
interesuje Cie "decimal point"



Wyślij zaproszenie do