title: Highcharts trigger background click event
body: <p>I'm using Highcharts to trigger an event when the background is clicked:</p>
  
  <pre><code>$("#my-chart").highcharts({
      chart: {
          type: "pie",
          events: {
              click: function() {
                  console.log("I'm working!"); // This is the event I want to trigger
              };
          }
      }
   });
   var myChart = $("#my-chart").highcharts();
  </code></pre>
  
  <p>I would like to trigger this event when clicking on something outside of the chart. For example:</p>
  
  <pre><code>&lt;button&gt;Trigger the Highcharts Event!&lt;/button&gt;
  &lt;script&gt;
      $("button").on('click', function() {
          // I'd like to trigger the event here
          // $('#my-chart').click(); does nothing
          // myChart.chart.events.click(); does nothing
          // myChart.events.click(); does nothing
          // $('#my-chart').find('rect.highcharts-background').click() does nothing
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>How can I trigger the event programmatically?</p>
  
  <hr>
  
  <p>I've tried several things to get more information. Looking at <code>arguments.callee.caller.name</code>, the value is <code>""</code> (empty string).
  <code>arguments.callee.caller</code> gives me the following:</p>
  
  <pre><code>function (a){a=m.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(m._data(this,"events")||{})[a.type]||[],k=m.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=m.event.handlers.call(this,a,j),b=0;while((f=h[b++])&amp;&amp;!a.isPropagationStopped()){a.currentTarget=f.elem,g=0;while((e=f.handlers[g++])&amp;&amp;!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(e.namespace))&amp;&amp;(a.handleObj=e,a.data=e.data,c=((m.event.special[e.origType]||{}).handle||e.handler).apply(f.elem,i),void 0!==c&amp;&amp;(a.result=c)===!1&amp;&amp;(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&amp;&amp;k.postDispatch.call(this,a),a.result}}
  </code></pre>
  
  <p>Ain't nobody got time to decipher that!</p>
  
  <p>A bit more useful information is the <code>event.target</code>, which is <code>rect.highcharts-background</code>. Triggering a click on that does nothing. Absolutely nothing. I've made a few other attempts, all within the comments in the <code>$('button').click()</code> function above.</p>