Guten Abend Maker,
Ich bin Dabei einen Kleine Datenlogger zu entwickeln und möchte die Daten auch visualisieren.
Zur Visualisierung der Daten benutze ich ein Java Script von Google-Chart in dem ich dynamisch mit php die Daten aus einer SQL Datenbank laden möchte.
Nun zu meinem Problem, ich möchte die Daten für bestimmte Eingabeparameter Ausgeben, also wenn ich z.b. das Datum in der Eingabe änder soll er das Script erneut mit den geänderten Variabel ausführen.
Die Ausgabe des Scripts und die Visualisierung funktionieren super nur das ganze mit dem ändern des Datums und das aktualisieren funktioniert nicht so wie ich es mir vorgestellt habe.
Ich habe es wie hier in Zeile 1-5 / 42-44 dargestellt probiert, aber das klappt mit der Mischung der Programmiersprachen wohl nicht. Vielleicht weis einer von euch eine Lösung dazu oder kann mir Helfen.
Ich bedanke mich schonmal für all die die mir Helfen wollen
<?php
if(isset($_POST['$dayinput']))
{
?>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Zeit', 'String 1'],
<?php
$sql = "SELECT * FROM PVA WHERE Date='$dayinput'";
if ($ergebnis = mysqli_query($db, $sql)) {
while ($zeile = mysqli_fetch_object($ergebnis))
{
echo "['";
echo htmlspecialchars($zeile->Time);
echo "',";
echo htmlspecialchars($zeile->Wert). "],";
}
?>
]);
var options = {
title: 'Wechselrichter - DC-Strom',
curveType: 'function',
legend: { position: 'bottom' }
};
var chart = new google.visualization.LineChart(document.getElementById('Tabellen'));
chart.draw(data, options);
}
</script>
<?php
}
?>
Display More