मैंने कुछ डेटा प्लॉट करने के लिए flot.js के साथ थोड़ा सा खेला है, लेकिन मेरे पास कुछ डेटा श्रृंखला है, इसलिए उपयोगकर्ता कुछ श्रृंखला छिपाना चाह सकता है। फ़्लोट के उदाहरणों में से एक दिखाता है कि चेकबॉक्स का उपयोग कर डेटा श्रृंखला को टॉगल कैसे करें। मैं उस श्रृंखला की दृश्यता को टॉगल करने के लिए, किंवदंती के छोटे रंग बॉक्स या लेबल पर क्लिक करना चाहता हूं। क्या यह संभव है?फ्लोट चार्ट में किंवदंती पर क्लिक करके डेटा श्रृंखला टॉगल करें?
यहाँ एक उदाहरण चेक बॉक्स http://people.iola.dk/olau/flot/examples/turning-series.html
यह प्रत्येक legendLabel पर एक क्लिक घटना जगह करने के लिए संशोधित किया जा सकता है का उपयोग करता है, लेकिन आप केवल एक समय में एक पौराणिक कथा को दिखाने के लिए सक्षम होगा।
तैयार समारोह
$('.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 }
});
}
);मैं सिर्फ प्रोग्रामिंग में वापस हो रही है और ajax और पसंद के साथ बहुत परिचित नहीं हूँ में कुछ इस तरह का उपयोग कर, तो मैं जावास्क्रिप्ट के साथ अपने समाधान लागू। आप जो भी मांग रहे हैं उसे करने के लिए तर्क के लिए उपयोग करने में सक्षम हो सकते हैं।
<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>
मुझे लगता है कि मुझे जवाब मिला। http://groups.google.com/group/flot-graphs/browse_thread/thread/8c1e7c2426e47e08/5bd0129a88f92f06?lnk=gst&q=toggle+series#5bd0129a88f92f06 – pojo
देखना भी http://stackoverflow.com/questions/4230945/ flot-ग्राफ लिए उपयोग-कथा-टू-बारी-ऑन-ऑफ श्रृंखला – ericslaw