Hallo,
ich stelle Daten aus einer mySQL-DB in drei unterschiedlichen Diagrammen gleichzeitig dar. Sie haben alle die gleiche x-Achse. Die y-Achse ist unterschiedlich. Der Curserpunkt soll synchron über alle drei Diagramme laufen. Das funktioniert nicht und ich finde den Fehler nicht. Über Hilfe würde ich mich sehr freuen.
Zur Info füge ich hier das Script-Ende mit dem dritten Diagramm ein. die ersten Beiden sind entsprechend.
//CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC CCCCCCCCCCCCCCC
gC = new Dygraph(
document.getElementById("diagramm3"),
// Daten
<?php echo $str_digi; ?> ,
//Optionen
{
title: 'Heizkreisventile - <?php echo $etage; ?>',
rightGap: 20, //rechter Rand
// Legende
labelsDiv: document.getElementById('legende3'),
labelsSeparateLines: true,
labelsKMB: NaN,
legend: 'always',
labels: <?php echo $label_digi; ?>,
// Achsen
//xlabel: 'Zeit',
ylabel: 'Aus/Ein',
connectSeparatedPoints: NaN,
colors: ['red', 'blue', 'green', 'orange', 'yellow'],
}
);
//hiermit werden die Diagramme zusammengebunden
var sync = Dygraph.synchronize([gA, gB, gC], {selection: true, zoom: false, range: false});
</script> <!-- Ende text/javascript -->
<!-- --------------------- -->
<!-- BODY ENDE TEIL 2 JAVA -->
<!-- weiter mit HTML ----- -->
<!-- --------------------- -->
<form action="sync_auswahl.html" method="post">
<br>
<input type="submit" value="zurück zur Auswahl">
</form>
</body>
</html>
Auf Wunsch sende ich auch den gesamten Script.
Gruß Gerd
ich stelle Daten aus einer mySQL-DB in drei unterschiedlichen Diagrammen gleichzeitig dar. Sie haben alle die gleiche x-Achse. Die y-Achse ist unterschiedlich. Der Curserpunkt soll synchron über alle drei Diagramme laufen. Das funktioniert nicht und ich finde den Fehler nicht. Über Hilfe würde ich mich sehr freuen.
Zur Info füge ich hier das Script-Ende mit dem dritten Diagramm ein. die ersten Beiden sind entsprechend.
//CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC CCCCCCCCCCCCCCC
gC = new Dygraph(
document.getElementById("diagramm3"),
// Daten
<?php echo $str_digi; ?> ,
//Optionen
{
title: 'Heizkreisventile - <?php echo $etage; ?>',
rightGap: 20, //rechter Rand
// Legende
labelsDiv: document.getElementById('legende3'),
labelsSeparateLines: true,
labelsKMB: NaN,
legend: 'always',
labels: <?php echo $label_digi; ?>,
// Achsen
//xlabel: 'Zeit',
ylabel: 'Aus/Ein',
connectSeparatedPoints: NaN,
colors: ['red', 'blue', 'green', 'orange', 'yellow'],
}
);
//hiermit werden die Diagramme zusammengebunden
var sync = Dygraph.synchronize([gA, gB, gC], {selection: true, zoom: false, range: false});
</script> <!-- Ende text/javascript -->
<!-- --------------------- -->
<!-- BODY ENDE TEIL 2 JAVA -->
<!-- weiter mit HTML ----- -->
<!-- --------------------- -->
<form action="sync_auswahl.html" method="post">
<br>
<input type="submit" value="zurück zur Auswahl">
</form>
</body>
</html>
Auf Wunsch sende ich auch den gesamten Script.
Gruß Gerd
Kommentar