Tag: wskażniki

„Rysowamy” czyli jak w C# z pomocą GDI+ wykonać wskaźnik.

Tym razem trochę inaczej, bardziej desktopowo (z wykorzystaniem Windows Forms). Tworząc aplikacje czasem jest konieczność użycia kontrolki dokładnie takiej jak sobie zamarzymy. Nie zawsze jest taka pod ręką albo trzeba za nią płacić (co o ile w komercyjnych rozwiązaniach nie jest problemem to w prywatnych już pewnie może być) grubą kasę (może trochę przesadzam).

Tak na marginesie, to owo „rysowamy” jest autorstwa mojej córki gdy była mała … oznacza „rysujemy”. To taka mała dygresja i już wracamy do głównego wątku związanego z utworzeniem kontrolki.

Tutaj przychodzi nam z pomocą C# oraz GDI+ (info o GDI na stronach Microsoft -> https://msdn.microsoft.com/pl-pl/library/windows/desktop/ms533798%28v=vs.85%29.aspx), które razem tworzą dobre narzędzie do realizacji własnych pomysłów.
Czytaj dalej „Rysowamy” czyli jak w C# z pomocą GDI+ wykonać wskaźnik.

Powiązane wpisy:

  1. Serializacja klasy do XML
  2. SQLite i kilka godzin straconych na poszukiwaniu rozwiazania
  3. WCF – dobieramy się do danych na serwerze
  4. Wykresy? No to może warto użyć Live Charts?
  5. Deserializacja klasy z XML

Wskaźniki od highcharts.

Zostałem wywołany do tablicy więc muszę odpowiedzieć. Jeden z czytelników zasugerował mi użycie biblioteki JavaScript o nazwie HighCharts https://www.highcharts.com. Jako, że zawsze lubiłem wykresiki to postanowiłem się z nią zapoznać. Na pierwszy ogień poszedł wskaźnik czyli „gauge”. By utworzyć sobie taki wskaźnik musimy mieć szkielet naszej strony gdzie wywołujemy odpowiednie skrypty wskaźnika oraz biblioteki jQuery.

Szkielet „czystej strony”:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Wykresy i wskaźniki</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/highcharts-more.js"></script>
     <script src="https://code.highcharts.com/modules/exporting.js"></script>
     <script src="https://code.highcharts.com/modules/solid-gauge.js"></script>
</head>

<body>
    
</body>
</html>    

Czytaj dalej Wskaźniki od highcharts.

Powiązane wpisy:

  1. Slider w innej postaci – tym razem jQuery
  2. Shadow – cień w CSS
  3. Wskaźniki od Google
  4. SQLite i kilka godzin straconych na poszukiwaniu rozwiazania
  5. Konwencja nazewnicza w bazach danych

Wskaźniki od Google

Z racji innych zajęć (automatyka przemysłowa, budynkowa, elektronika) interesują mnie sposoby prezentowania danych na stronach www. Ostatnio wpadł mi w oko wskaźnik, który jest na Google Developers https://www.rafalrebacz.pl/examples/gauges/gauge1.html. Można napisać – „śliczności” bo tak ładnie się prezentuje. Schludny, czytelny, animowany (zmienia wskazanie pobierając dane w tle) – nic tylko brać.
Czytaj dalej Wskaźniki od Google

Powiązane wpisy:

  1. Bootony – bootstrapowe przyciski
  2. Obrazki bootstrap
  3. Glify i inne
  4. Wskaźniki od highcharts.
  5. Shadow – cień w CSS