Aquaponics: EnvDAQ upgrade met Water temperatuursensor (groeien Bed DAQ) (4 / 5 stap)

Stap 4: GetChartData: JavaScript en milieu Handler aanvragen


Net zoals we JavaScript-bestanden voor relatieve vochtigheid, temperatuur, licht hebben, we moeten een voor de temperatuur van het water.  Maak een nieuw bestand: /static/scripts/water_temp.js en voeg het volgende toe:

Gedeelde aspecten
var WTData = [['Tijd', 'WaterTemp', 'Min', 'Max']];       Gegevens voor alle water temp visualisaties
var wtempChartData;

Hoofdtabel
var wtempTable;

Grafiek
var wtempChart;
var wtempChartOptions;

Gauge
var wtempGauge;
var wtempGaugeData;
var wtempGaugeOptions;

functie drawWTempTable() {}
Grafiekgegevens
wtempChartData = google.visualization.arrayToDataTable(WTData);

Nieuwe visualisatie aan DOM-element toewijzen
wtempTable = nieuwe google.visualization.Table(document.getElementById('wtempTable'));

Tabel tekenen
wtempTable.draw(wtempChartData);
}

functie updateWTempTable (tijd, TempValue, MinTemp, MaxTemp) {}
Krijg het laatste rijnummer
var lastRow = wtempChartData.getNumberOfRows();

De waarde van de laatste rij ophalen
var timeStamp = wtempChartData.getValue (lastRow - 1, 0);

waarschuwing (tijdstempel + "" + TempValue);
Als (tijdstempel == 'Nu') {}
wtempChartData.removeRow(0);
}


wtempChartData.addRow ([tijd, TempValue, MinTemp, MaxTemp]);
wtempTable.draw(wtempChartData);

}

/////////////////////////////////////////////////////////////////////////////////////////////////

functie drawWTempChart() {}
wtempChart = nieuwe google.visualization.LineChart(document.getElementById('wtempChart'));
wtempChartOptions = {}
animatie: {duur: 1000, versoepeling: 'out'},
backgroundColor: {vulling: "none"}
};
wtempChart.draw (wtempChartData, wtempChartOptions);
}

functie updateWTempChart() {}
wtempChart.draw (wtempChartData, wtempChartOptions);
}

///////////////////////////////////////////////////////////////////////////////////////////////
/ * Trekt Water temperatuurmeter met behulp van de gegevens van de grafiek van de temperatuur van de Water * /
functie drawWTempGauge() {}
var lastRow = wtempChartData.getNumberOfRows();
var lastTemp = wtempChartData.getValue (lastRow - 1, 1);
var minTemp = wtempChartData.getValue (lastRow - 1, 2);
var maxTemp = wtempChartData.getValue (lastRow - 1, 3);

waarschuwing ('MinTemp: ' + String(minTemp) + "" + "MaxTemp:" + String(maxTemp));


wtempGaugeData = google.visualization.arrayToDataTable([
['Water'],
[lastTemp]
]);

wtempGauge = nieuwe google.visualization.Gauge(document.getElementById('wtempGauge'));
wtempGaugeOptions = {}
min: 0,
Max: 100,
redFrom: 0, redTo: minTemp,

greenFrom: minTemp, greenTo: maxTemp,
yellowFrom: maxTemp, yellowTo: 100,
minorTicks: 5
};
wtempGauge.draw (wtempGaugeData, wtempGaugeOptions);
}

functie updateWTempGauge (TempValue, drempel) {}
wtempGaugeData.setValue (0, 0, TempValue, drempel);
wtempGauge.draw (wtempGaugeData, wtempGaugeOptions);

}

Figuur 15.  Het nieuwe script moet worden geladen met de anderen.  Open /templates/main/scripts.html en plaats van het nieuwe script onder licht.  Doen niet eerst dit script - temp.js moet eerst worden.

Figuur 16.  De GCT sectie voor de temperatuur van het water moet worden toegevoegd aan de /templates/main/content.html.

Figuur 17.  Bewerken in de /static/scripts/main.js, de getChartData() -functie voor het afhandelen van het nieuwe argument dat water temperatuur.  Er zijn twee plaatsen die het dient te worden gewijzigd.  De eerste plaats (figuur 17) is te duwen dummy gegevens in het geval gegevens niet van de server wordt geretourneerd.

Figuur 18.  Als er werkelijke gegevens wordt verzonden, duwen die gegevens aan de matrix.

Figuur 19.  Toevoegen aan het einde van drawCharts() de oproepen tot het opstellen van de water temperatuur grafieken.

Figuur 20.  De aanvraag-handler voor het verkrijgen van de gegevens in de grafiek is in environment.pyGetChartData bewerken zodat deze de water temperatuur gegevens en voorkeuren retourneert.

Figuur 21.  Op dit punt moet u zitten kundig voor reload naar de belangrijkste pagina van de webapp en worden gepresenteerd met de nieuwe grafieken voor de temperatuur van het water.

Gerelateerde Artikelen

Arduino Aquaponics: EnvDAQ Upgrade met de pH en de opgeloste zuurstof

Arduino Aquaponics: EnvDAQ Upgrade met de pH en de opgeloste zuurstof

een compliment we vaak over Milieu Data acquisitie Shields (EnvDAQ horen) is de opneming van een prototyping-omgeving zodat u het bord met andere sensoren aan uw behoeften kunt aanpassen.  De meest gevraagde sensor suite we ontvangen (en is opgenomen
Aquaponics (groeiende planten met vis Poo)

Aquaponics (groeiende planten met vis Poo)

ik heb jarenlang gefascineerd door hydrocultuur. Toen het eindelijk tijd om te spelen rond met een, hoorde ik over Aquaponics - een soort symbiose tussen de planten en de vissen. De vis zorgen voor voedsel voor de planten, en de planten reinigen het
How to Build een simpel en Basic dubbele tomaat Container met Water iedere

How to Build een simpel en Basic dubbele tomaat Container met Water iedere

Wow! Een heleboel woorden te zeggen twee vijf gallon verf Emmers samengesteld zodat u een back-up water iedere in de bodem. Tomaten zal groeien echt goed in containers, maar je kan niet laten uitdrogen zelfs voor een dag. Ik beveel een emmer van 5 ga
Hergebruik van dingen van thuis om een midgetgolfbaan (met water ballonnen en rivier)

Hergebruik van dingen van thuis om een midgetgolfbaan (met water ballonnen en rivier)

ik vond onze oude golfen set thuis en vroeg me af als er manier om te maken van een golfbaan was van wat ik al had thuis... en hier is het!hoop u geniet ervan, en vergeet niet, u kunt toevoegen of verwijderen van alles wat je wilt... Wees creatief!en
Hoe maak je emmer tuinieren met Water level Indicator

Hoe maak je emmer tuinieren met Water level Indicator

Emmer tuinieren isvery geschikt voor planten als er geen vrij land.Bespaar water, en gemakkelijk te verplaatsen. De waterniveau-indicator is zeer nuttig, zodat u niet nogmaals vergeten voor de planten water geven. U kunt maken met behulp van die alle
Geautomatiseerde Web Testing in Ruby met Watir-Webdriver

Geautomatiseerde Web Testing in Ruby met Watir-Webdriver

Dit instructable is over geautomatiseerde webtoepassing testen met de Ruby programmeertaal en de Watir-Webdriver gem. Deze vindt u op http://rubyinstaller.org/ en http://watirwebdriver.com/ respectievelijk.Ruby is een eenvoudig te leren en gemakkelij
"Negatieve X" vuur ontstaat met water (zink, ammoniumnitraat en natriumchloride)

"Negatieve X" vuur ontstaat met water (zink, ammoniumnitraat en natriumchloride)

bezoek http://www.youtube.comCforChemistryHD voor meer!Het bekende vuur begint met water experiment, in welke zink poeder, ammoniumnitraat en natriumchloride vermengd. Chloride-ion introduceert de oxidatie van zink en openbarst als vlam.Muziek: Dat i
Sommige Water te besparen... Met Water!?

Sommige Water te besparen... Met Water!?

The Toilet Buggy is een apparaat dat u een HELEBOEL water uit uw toilet bespaart. Sterker nog, er is een apparaat aan de top die, wanneer u nood voor wisseling van het water, u toelaten zal om nemen zonder uw handen te raken het water dompelen. Het i
Hoe een blikje met Water - imploderende kunt Crusher Crush

Hoe een blikje met Water - imploderende kunt Crusher Crush

dit is een zeer ontzagwekkende manier om het verpletteren van een blikje met water. Ik had zo veel plezier dit te doen, waarschijnlijk mijn fav video nog :DAls u als deze video genoot, vergeet niet te verlaten een achtige en zelfs een abonnement :)Be
DIY ballon Squishy stressbal met Water

DIY ballon Squishy stressbal met Water

Tutorial hoe te maken ballon Squishy stressbal met waterStap 1: Stap 1: ballon vullen met water Ik gebruik koud water uit de kraanStap 2: Stap 2: Tie einde van ballon Maak een knoop aan einde van de ballonStap 3: Stap 3: Geniet vanDank u voor het bek
Schilderen met Water! Eenvoudige tuin leuk

Schilderen met Water! Eenvoudige tuin leuk

dit is een eenvoudige en gratis leuke spel voor kinderen van alle leeftijden en houdt ze bezet voor leeftijden en met de zomer hier een heleboel plezierNu we allemaal hebben gebruikt krijt, kunnen verf en andere materialen met kinderen etc maar deze
Aquaponics op een gerecycleerd water tank met een klein beetje nieuwe

Aquaponics op een gerecycleerd water tank met een klein beetje nieuwe

Ten eerste moeten mijn dank gaat uit naar alle de "Instructablee de" out thereZonder uw ideeën, ontwerpen en inspiratie zouden we in een zeer sombere en saaie wereld.DANK aan Instructables, want zonder hun foresite voor deze website, wij zou all
Aan de slag met een temperatuursensor

Aan de slag met een temperatuursensor

Met behulp van eenvoudige elektronische sensoren, kunnen we onze eigen warmte detector bouwen. De belangrijkste component, oftewel de LM35DZ temperatuursensor, wordt gebruikt om de huidige kamer temperatuur te meten. Op basis van de meting, zal de de
Space Station Dock slaapkamer met licht-up ruimteschip Bed

Space Station Dock slaapkamer met licht-up ruimteschip Bed

hier is een goedkope, snelle en flexibele manier om een creatieve, ruimte-themed playspace/slaapkamer voor uw kind.Verteller:Uw achterste schilden zijn bijna gebakken als u de ontploffingen van de laser ontwijken, slippen uw rogue-schip in de baai va