title: Highcharts Trying to Hide/Show series
body: <p>I have an Angular webapp that I am using Highcarts with to display data. The chart is configured like the following initially. In a controller (I use Coffeescript)</p>
  
  <pre><code>$scope.chartConfig = {
          options:
              chart:
                  type: 'spline'
                  plotBackgroundColor: null
              legend:
                  enabled: true
              title:
                  text: ''
              subtitle:
                  text: ''
              exporting:
                  url: $config.exportAddress
                  width: 1000
          series: [{
               name: ''
              data: [
              ]
              },{
              name: ''
              data: [
              ]
              }]
          loading: false
          xAxis:
              categories: [
              ]
              title:
                  text: ''
          yAxis:
              title:
                  text: ''
          useHighStocks: false
          size:
              height: 500
      }
  </code></pre>
  
  <p>And displayed in the HTML using </p>
  
  <pre><code>&lt;div class="panel-body" id="report-display normalchart" ng-if="!productMonthlyChart"&gt;
     &lt;highchart id="chart1" config="chartConfig"&gt;&lt;/highchart&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using a function I push data into the chart like the following</p>
  
  <pre><code>$scope.chartConfig.series.length = 0
          # Set title and chart time and and name
          $scope.chartConfig.xAxis.categories = ['Build Overview']
          $scope.chartConfig.options.chart.type = 'column'
          $scope.graphName = 'Column Chart'
          $scope.chartConfig.series.push({name: 'Admitted', data: [$scope.fullBuildTotals.admitted]})
          $scope.chartConfig.series.push({name: 'Deprecated', data: [$scope.fullBuildTotals.deprecated]})
  </code></pre>
  
  <p>I need to be able to show and hide series on the chart however I cannot get it to work using the following show or hide code</p>
  
  <pre><code>$scope.chartConfig.series[0].show()
  $scope.chartConfig.series[0].hide()
  </code></pre>
  
  <p>I get the following error in the console </p>
  
  <p><strong><em>TypeError: $scope.chartConfig.series[0].hide is not a function
      at Scope.$scope.showCurrentBuildReportChartData</em></strong></p>
  
  <p>Does anyone have any idea why this may be happening? I also came across code where you select the DIV the Chart is contained in call a highcharts() function on it to get the chart but that did not work either.</p>