Ich habe ein wenig mit flot.js gespielt, um einige Daten zu zeichnen, aber ich habe ziemlich viele Datenreihen, so dass der Benutzer einige Serien verstecken möchte. Eines der Beispiele von flot zeigt, wie Datenreihen mithilfe von Kontrollkästchen umgeschaltet werden. Ich möchte das kleine Farbfeld der Legende oder das Etikett anklicken, um die Sichtbarkeit dieser Serie umzuschalten. Ist das möglich?Datenreihen umschalten, indem Sie im Flotendiagramm auf die Legende klicken?
6
A
Antwort
4
Hier ist ein Beispiel, das Kontrollkästchen http://people.iola.dk/olau/flot/examples/turning-series.html
verwendet Es modifiziert werden könnte, ein Click-Ereignis auf jedem legendLabel zu platzieren, aber Sie würden nur in der Lage sein, eine Legende zu einem Zeitpunkt, zu zeigen.
so etwas wie dies in der Ready-Funktion mit
$('.legendLabel').click(
function(d){
var country = $(this).html().toLowerCase();
var data = [ ];
//alert(country);
data.push(datasets[country]);
if (data.length > 0)
$.plot($("#placeholder"), data, {
yaxis: { min: 0 },
xaxis: { tickDecimals: 0 }
});
}
);
0
ich gerade bin immer wieder in der Programmierung und bin nicht allzu vertraut mit Ajax und dergleichen, so implementiert ich meine Lösung mit Javascript. Sie können möglicherweise zu Logik zu tun, was Sie suchen.
<html>
<head>
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
</head>
<body>
<fieldset>
<legend onclick="toggle_visibility('cm1');">Click Me</legend>
<div id="cm1">
<p>I toggle when the legend is clicked.</p>
<p>But I'm a recalcitrant text node and refuse to toggle.</p>
</div>
</fieldset>
<fieldset>
<legend onclick="toggle_visibility('cm2');">Click Me 2</legend>
<div id="cm2">
<p>Toggle me too when the legend is clicked.</p>
<p>But I'm a recalcitrant text node and refuse to toggle.</p>
</div>
</fieldset>
</body>
</html>
Verwandte Themen
- 1. Ändern Sie die Spaltengröße, indem Sie auf klicken - Bootstrap
- 2. Koordinaten erhalten, indem Sie auf die Karte klicken (openstreetmaps)
- 3. Elementtyp beim Klicken umschalten
- 4. Die Farbe einer Datenreihe aus einem Flotendiagramm erhalten
- 5. Füllen Sie verschiedene Gridview, indem Sie auf andere Schaltfläche klicken
- 6. Navigieren Sie ein Array von Funktionen, indem Sie auf klicken
- 7. Wie Sie JPanel hinzufügen, indem Sie auf JButton klicken?
- 8. Klicken Sie auf Veranstaltung im Canvas?
- 9. So zeigen Sie den Block im sichtbaren Fenster an, indem Sie auf einen anderen Block klicken
- 10. Scrollen Sie durch einen Weblink, indem Sie auf "Weitere Produkte anzeigen" klicken und die Produktinformationen abrufen.
- 11. So geben Sie das gesuchte Ergebnis an die Textbox zurück, indem Sie auf den Listenfeldeintrag klicken
- 12. Ionic Ansicht umschalten, wenn sie auf Link
- 13. Alle Steuerelemente umschalten Schreibgeschützt auf Schaltfläche Klicken in WinForm
- 14. Schließen Sie das Pop-up div, indem Sie darauf klicken
- 15. Zeigen Sie zeilenweise Daten an, indem Sie auf die Schaltfläche Weiter klicken.
- 16. heben Sie die Auswahl von NSCollectionViewItem auf, indem Sie darauf klicken.
- 17. Schließen Sie Infofenster in Google Maps, indem Sie auf die Karte klicken?
- 18. Öffnen Sie das Menü Optionen, indem Sie auf die Schaltfläche klicken
- 19. Jeditable - Aktivieren Sie die Bearbeitung von X, indem Sie auf Y klicken
- 20. Verschieben Sie viele Bilder, indem Sie auf die Vorwärts/Rückwärts-Taste in iOS klicken?
- 21. Übergeben Sie die Bild-ID an JQuery, indem Sie auf das Bild klicken
- 22. Wie Sie bereits ausgewählte JRadioButton deaktivieren, indem Sie darauf klicken
- 23. Die Legende im Seaborn-Jointplot erhalten
- 24. In diesem Fall muss ich die Methode finish() aufrufen, indem Sie auf die Schaltfläche Zurück klicken ..?
- 25. klicken Sie auf Funktion im Formular
- 26. Umschalten zwischen Listengruppe und div auf Element klicken
- 27. Flotendiagramm Datum Objekt Zeit falsch
- 28. Ändern Sie die Legende Textgröße
- 29. wie auf klicken Sie auf die Tabellenzeile
- 30. Wie "Alter" hinzufügen, um die Spalte zu sortieren, indem Sie auf Spaltenüberschrift klicken?
Ich denke, ich fand die Antwort. http://groups.google.com/group/flot-graphs/browse_thread/thread/8c1e7c2426e47e08/5bd0129a88f92f06?lnk=gst&q=toggle+series#5bd0129a88f92f06 – pojo
siehe auch http://stackoverflow.com/questions/4230945/ flot-graph-use-legende-um-an-aus-series – ericslaw