Làm thế nào để sửa đổi sự kiện bấm vào mục huyền thoại highcharts?

Question

Tôi cần sửa đổi sự kiện nhấp chuột trên các mục chú thích highcharts. Bản trình diễn Highcharts http://www.highcharts.com/demo/line-basic. Tôi muốn ví dụ: hành động đầu tiên sẽ là một số cảnh báo và hành động thứ hai sẽ được hành động theo mặc định (sạch dòng Tokyo từ biểu đồ). Cảm ơn. Xin lỗi nếu câu hỏi không sạch sẽ.

Answer 1

Bạn phải sử dụng các legendItemClick callback như đoạn mã sau

plotOptions: { 
     line: { 

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

Đây là working fiddle trong đó cho thấy cảnh báo khi bạn click vào huyền thoại như trên Tokyo và sau đó ẩn dòng Tokyo.

Xem thêm plotOptions documentation cho sự kiện được đề cập. Nơi bạn cần đặt điều này có thể khác nhau tùy thuộc vào loại biểu đồ bạn đang sử dụng.

Answer 2

Đối với tôi, sự kiện legendItemClick phải thuộc về chuỗi video chứ không phải là dòng. Ví dụ:

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

Ví dụ từ Highcharts: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-legenditemclick/