2012-05-15 20 views
49

Highcharts efsane öğelerinde tıklama etkinliğini değiştirmem gerekiyor. Highcharts demo http://www.highcharts.com/demo/line-basic. Örneğin şunu istiyorum: ilk eylem bazı uyarılar olacaktır ve ikinci eylem varsayılan olarak eylem olacaktır (grafikten temiz Tokyo çizgisi). Teşekkürler. Üzgünüm, soru temiz değilse.Highcharts gösterge öğesi tıklama olayı nasıl değiştirilir?

+2

Highcharts jsfiddle örneklerle büyük belgeleri var, orada u Aradığınız emin olduğu şeyler: http://www.highcharts.com/ ref/ –

+1

güncellenmiş haliyle yukarıdaki gibi artık işlevsel değildir. http://api.highcharts.com/highcharts#plotOptions.column.events.legendItemClick –

cevap

66

Sen Tokyo'da olduğu gibi efsanelerin tıklayın ve ardından Tokyo hattını gizlemek uyarısı gösteren aşağıdaki kodla İşte

plotOptions: { 
     line: { 

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

working fiddle olduğu gibi legendItemClick geri arama kullanmak zorunda.

Ayrıca söz konusu etkinlik için plotOptions documentation'a bakın. Bunu yerleştirmeniz gereken yer, kullandığınız grafik türüne bağlı olarak farklılık gösterebilir.

+0

Evet, bu kadar! Doğru yanıt için teşekkür ederiz :) – alexche8

+11

Gösterge eylemlerini devre dışı bırakmak için: 'legendItemClick: function (e) {e.preventDefault()}' –

+3

veya yalnızca false döndürün, Joy işaret ettiğinde ... – Ryley

10

Bana göre, legendItemClick olayı seri için değil seri için olmalıydı. Ör: Highcharts dan

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; 
        } 
       } 
      } 
     } 
    }, 

Örnek: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-legenditemclick/

+0

Doğru. Sadece bu şekilde çalışıyor gibi görünüyor! – TrtG

İlgili konular