title: How to addSeries in HighChart
body: <p>I want to addSeries in onclick event of a point, but I got an error that addSeries isn't a function of current this.
  How can I add Series to HighChart Graph when I click on one of his points?
  I am adding the following jsfiddle to demonstrate the problem:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function () {
      $('#container').highcharts({
          chart: {
              type: 'scatter',
              margin: [70, 50, 60, 80],
              events: {
                  click: function (e) {
                      // find the clicked values and the series
                      var x = e.xAxis[0].value,
                          y = e.yAxis[0].value,
                          series = this.series[0];
  
                      // Add it
                      series.addPoint([x, y]);
  
                  }
              }
          },
          title: {
              text: 'User supplied data'
          },
          subtitle: {
              text: 'Click the plot area to add a point. Click a point to remove it.'
          },
          xAxis: {
              gridLineWidth: 1,
              minPadding: 0.2,
              maxPadding: 0.2,
              maxZoom: 60
          },
          yAxis: {
              title: {
                  text: 'Value'
              },
              minPadding: 0.2,
              maxPadding: 0.2,
              maxZoom: 60,
              plotLines: [{
                  value: 0,
                  width: 1,
                  color: '#808080'
              }]
          },
          legend: {
              enabled: false
          },
          exporting: {
              enabled: false
          },
          plotOptions: {
              series: {
                  lineWidth: 1,
                  point: {
                      events: {
                          'click': function () {
                              if (this.series.data.length &gt; 1) {
                                  this.remove();
                                  this.addSeries({
                                  name:'series1',
                                  color: "red",
                                  data:[10,20,30,40]
                                  });
                              }
                          }
                      }
                  }
              }
          },
          series: [{
              data: [[20, 20], [80, 80]]
          }]
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.highcharts.com/modules/exporting.js"&gt;&lt;/script&gt;
  
  &lt;div id="container" style="min-width: 310px; height: 400px; max-width: 700px; margin: 0 auto"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>