Event Handling

event-handling.ts

const options = {
  chart: {
    events: {
      load: function() {
        // Chart loaded callback
        console.log('Chart loaded');
      },
      redraw: function() {
        // Chart redrawn callback
        console.log('Chart redrawn');
      }
    }
  },
  plotOptions: {
    series: {
      cursor: 'pointer',
      point: {
        events: {
          click: function() {
            // Handle point click
            console.log('Point clicked:', this.category);
          },
          mouseOver: function() {
            // Handle mouse over
            this.update({
              color: '#ff0000'
            });
          }
        }
      }
    }
  }
};