Bra bibliotek för visa grafer på websidor?

[AndLi]

Jag använder idag jpgraph-1.22 för att skapa grafer på webbsidor, funkar men upplevs lite gammalt...

Ska användas för att plotta mätvärde som kan inkomma med oregelbundna mellanrum, så det måste gå att göra X/Y plotter....
Skulle nog vara bra med support för två Y skalor med.
Några förslag?

Använder php serverside, datan lagrad i en MySQL databas.

[johano]

chart.js är väldigt kompetent. Flot är också bra

[AndLi]

Efter en crashcourse i js och en del copy/paste så blev det en graf

http://www.andli.com/waterlog/char.html

Det man ser är alltså nivån i vår 8 kubikish vattentank, eller rättare sagt mängden luft i toppen av den

[4kTRB]

Alernativt kan du skriva en JavaApplet, eller hämta en färdigkodad, Scatterplot till exempel..http://www.java2s.com/Code/Java/Advance ... erPlot.htm

[johano]

java applet??
han ville ju byta till något modernare - det finns väl ingen modern browser som stöder applets längre??

/j

[danielr112]

Snyggt Andli

Jag tittar på något liknande. Jag har ju all min data i Influx och kör grafning i Grafana. har under längre tid försökt få dessa grafer så man kan använda dem publikt men det närmaste jag kommit är att man måste autensiera sig innan...

Jag vill ha hover-over grafer till min Powerflowsida....
Håller man öve rmin Grid-ikon får man nu en inloggning medans jag som sitter här och är inloggad får upp en snygg graf

Hur upplevde du att det gick att få igång din graf?

[nifelheim]

Kolla på Grafana
Första gången jag provade tog väl 30 minuter att installera och konfigurera en graf på en Raspberry Pi.
Du har ju gjort det jobbiga redan ( samlat mätvärden och stoppat i en databas).
I Grafana får du ju zoom och scroll funktionen.
En liten varning, det är starkt beroendeframkallande

https://grafana.com/grafana/download

[danielr112]

Nifelheim som jag skrev kan du inte få dessa grafer utanför dess "inloggning" om du inte öppnar upp hela grafana. Detta är en extremt stor nackdel och finns i dagsläget ingen bra workaround då t om APIt kräver att man gör inloggning. Isåfall får man placera en proxy emellan och finns några exempel som jag inte fått att funka...

[Borre]

Highcharts har jag använt för några år sedan, väldigt kompetent och snyggt!
https://www.highcharts.com

[AndLi]

Hur upplevde du att det gick att få igång din graf?

Omtumlande

När jag väl hade accepterat upplägget med en statisk html och "ingen" php relativt snabbt..
Är en php fil som skapar en json med datan i (http://www.andli.com/waterlog/data.php) som sen html filen läser.
Mycket strul hade att göra med debug utskrifter i data.php och fel path/namn på Chart.min.js, så ren sbs alltså

Vi får väl se om det är lika enkelt att ta hand om resten av datan (Flöde från råvattenpumpen och on/off signaler från 6 pumpar (råvatten, renvatten och avlopp))

Kod: Markera allt

<?php
//setting header to json
header('Content-Type: application/json');

require 'databas.php';

 $timediff = 0;

//query to get data from the table
$SQL= sprintf("SELECT time, tankLevel,rawFlow FROM waterValue ORDER BY time");

 $result = mysql_query($SQL);
  $num=mysql_numrows($result);

 $data = array();
 while($row = mysql_fetch_assoc($result))
  {
    $data[] = $row;
  }

mysql_close();
//now print the data
print json_encode($data);

databas.php fixar bara en vanlig koppling till mysql

[johano]

Och när du nu ändå "omfamnat" konceptet med html+js och sen ett REST-backend (i php/python el. nåt annat), kolla
då in på något js ramverk som underlättar klientkodandet oerhört. Jag kör nästan uteslutande med Angular och tycker det
är toppen. Det är en liten tröskel att ta sig in i, men det ger därefter en enormt stor utväxling!!

/j

[nifelheim]

Jag har inget problem med att "öppna upp hela Grafana" gör det bara som "Read only".
Ingen kan ändra något utan att logga in ändå, bara välja sina egna variabler för den aktuella presentationen.

Databas användaren som jag skapat för Grafana får bara läsa i den aktuella tabellen.
Så "säkerhetsproblemet" är att en "script kiddie" kan enkelt ladda ner hela min databas med mina inomhustemperaturer.
Men dom hade ju ändå gått att titta på i diagrammet, så det kan jag leva med

Att detta inte skulle vara helt kosher på SCB eller liknande är väl en annan sak,
jag kan ta risken med min temperaturdata.

Har jag missuppfattat problemet totalt?

[AndLi]

Nu ska vi ta det lugnt... Första steget är att få en scatterplot att visa..

Den vill ha datan typ

Kod: Markera allt

 "var data = [{
                x: 5,
                y: 4
            }, {
                x: 2,
                y: 14
            },
            {
                x: 4,
                y: 12
            },
            {
                x: 2,
                y: 10
            },
            {
                x: 3,
                y: 4
            },
            {
                x: 3,
                y: 5
            },
            {
                x: 3,
                y: 8
            },
            {
                x: 6,
                y: 12
     
         }];

idag läggs den i två arrayer

Kod: Markera allt

                   var y = [];
                    var x = [];

                    for (var i in data) {
                        y.push(data[i].tankLevel);
                        x.push(data[i].time);

                    }

[danielr112]

nifelheim: Nej det går givet låta det vara helt öppet men inget jag skulle göra. Krävs ju bara en rad för att sänka en maskin som kör Grafana helt öppet då du i grafana tillåter den att läsa från set databaser. Jag personligen vill inte ha det öppet...

Edit: Och med dagens teknik så är det ganska lätt att läsa av när folk är hemma eller inte om man ger tillgång till all sådan data. Ja långsökt och i vissa fall kan tyckas vara paranoitt att göra men varför göra det enkelt för tjuvarna som kan något?

[AndLi]

"Min" anläggning försörjer 22 hus, så man kan inte läsa av så mycket, mer än att folk sover på natten och någon duschade tidigt i morse
Och att det finns någon läcka någonstans...