2012-05-15 18 views
49

मुझे हाईचार्ट्स किंवदंती वस्तुओं पर क्लिक ईवेंट को संशोधित करने की आवश्यकता है। हाईचार्ट्स डेमो http://www.highcharts.com/demo/line-basic। मैं उदाहरण के लिए चाहता हूं: पहली कार्रवाई कुछ चेतावनी होगी और दूसरी कार्रवाई डिफ़ॉल्ट रूप से कार्रवाई होगी (चार्ट से साफ टोक्यो लाइन)। धन्यवाद। क्षमा करें अगर सवाल साफ नहीं है।हाईचार्ट्स लीजेंड आइटम इवेंट पर क्लिक कैसे करें?

+2

Highcharts jsfiddle उदाहरण के साथ एक महान प्रलेखन है, मैं कर रहा है यह सुनिश्चित करें कि यू आप देख रहे हैं रहा हूँ वहाँ: http://www.highcharts.com/ रेफरी/ –

+1

उपरोक्त अद्यतन लिंक अब कार्यात्मक नहीं है। http://api.highcharts.com/highcharts#plotOptions.column.events.legendItem क्लिक करें –

उत्तर

66

आप नीचे दिए गए कोड

plotOptions: { 
     line: { 

      events: { 
       legendItemClick: function() { 
        alert('I am an alert'); 
        //return false; 
        // <== returning false will cancel the default action 
        } 
       } 
      , 
      showInLegend: true 
     } 
    } 

यहाँ working fiddle है की तरह legendItemClick कॉलबैक उपयोग करने के लिए जो चेतावनी जब आप टोक्यो पर की तरह किंवदंतियों पर क्लिक करें और फिर टोक्यो लाइन को छिपाने से पता चलता है।

प्रश्न में घटना के लिए plotOptions documentation भी देखें। जहां आप इसे रखने की आवश्यकता है, इस पर निर्भर करता है कि आप किस चार्ट प्रकार का उपयोग कर रहे हैं।

+0

हाँ, यह !! सटीक उत्तर के लिए धन्यवाद :) – alexche8

+11

किंवदंती कार्रवाइयों को अक्षम करने के लिए: 'legendItemClick: function (e) {e.preventDefault()}' –

+3

या जॉय बताते हुए झूठी वापसी करें ... – Ryley

10

मेरे लिए, legendItemClick घटना श्रृंखला के लिए नहीं थी, लाइन नहीं। उदाहरण के लिए: Highcharts से

plotOptions: { 
     series: { 
      events: { 
       legendItemClick: function(event) { 
        var visibility = this.visible ? 'visible' : 'hidden'; 
        if (!confirm('The series is currently '+ 
           visibility +'. Do you want to change that?')) { 
         return false; 
        } 
       } 
      } 
     } 
    }, 

उदाहरण: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-legenditemclick/

+0

सच है। ऐसा लगता है कि इस तरह से काम करता है! – TrtG

संबंधित मुद्दे