Ho giocato un po 'con flot.js per tracciare alcuni dati, ma ho un bel po' di serie di dati, quindi l'utente potrebbe voler nascondere alcune serie. Uno degli esempi di flot mostra come commutare le serie di dati usando le checkbox. Vorrei fare clic sulla piccola scatola dei colori della leggenda o sull'etichetta per attivare la visibilità di quella serie. È possibile?Attiva o disattiva le serie di dati facendo clic sulla legenda nel grafico a torta?
6
A
risposta
4
Ecco un esempio che utilizza le caselle di controllo http://people.iola.dk/olau/flot/examples/turning-series.html
potrebbe essere modificato per inserire un evento click su ogni legendLabel, ma si sarebbe solo in grado di mostrare una leggenda alla volta.
usando qualcosa di simile nella funzione pronti
$('.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
Sto solo tornare in programmazione e non sono troppo familiarità con l'Ajax e simili, così ho implementato la mia soluzione con javascript. Potresti essere in grado di usare la logica per fare ciò che stai cercando.
<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>
Problemi correlati
- 1. Chart.js: nascondere la serie facendo clic sulla legenda
- 2. Visualizzazione Legenda del grafico a torta Google
- 3. Grafico Flot dinamico - mostra le serie di nascondigli cliccando sul legenda testo o casella sul grafico
- 4. Etichette sovrapposte nel grafico a torta
- 5. etichette sovrapposte nel grafico a torta flot
- 6. Come disabilitare la legenda interattiva di un grafico a torta nei grafici dell'interfaccia utente di Kendo?
- 7. Come escludere le serie nella legenda (Flex)
- 8. Nascondi etichette in grafici a torta (MS grafico per Net)
- 9. Legenda personalizzata nel grafico a barre di Pandas (matplotlib)
- 10. Come posso cambiare il testo della legenda nel grafico a torta c3
- 11. JasperReport Esempio di grafico a torta
- 12. Grafico a torta JqPlot - Cambia colori fetta di torta
- 13. Facendo clic sulla tastiera "Avanti" utilizzando UIAutomation
- 14. Come personalizzare il colore nel grafico a torta di NVD3
- 15. Controllo grafico Microsoft: impedisce la visualizzazione di serie nella legenda
- 16. grafico a barre della serie Multi nel controllo Grafico NET
- 17. Attivare o disattivare le etichette dati riportati in grafici a torta in Highcharts su clic di un pulsante
- 18. Modifica delle proprietà della linea nel grafico a torta matplotlib
- 19. jQuery attiva/disattiva CSS?
- 20. Come creare un grafico a torta per aggregare l'origine dati?
- 21. jQuery - attiva/disattiva tutti i fogli di stile sulla pagina al clic
- 22. La legenda del grafico UI di Kendo può rimuovere automaticamente le serie vuote?
- 23. Nascondere la legenda del grafico WPF Toolkit con più di una serie di dati
- 24. Grafico a torta annidato/multilivello/drill-down in Javascript?
- 25. highcharts - nomi di grafici per più serie di grafici a torta in un grafico
- 26. Come percentuale e conteggio nel grafico a torta SSRS
- 27. Soglia etichetta grafico a torta Highcharts
- 28. Google maps GeoJSON- attiva/disattiva livelli marker?
- 29. Come visualizzare i suggerimenti sul grafico a torta jqplot
- 30. Come nascondere automaticamente una porzione di torta ad alta risoluzione
Penso di aver trovato la risposta. http://groups.google.com/group/flot-graphs/browse_thread/thread/8c1e7c2426e47e08/5bd0129a88f92f06?lnk=gst&q=toggle+series#5bd0129a88f92f06 – pojo
vedere anche http://stackoverflow.com/questions/4230945/ flot-grafico-use-legenda-to-turn-on-off-serie – ericslaw