title: Updating data in charts, highcharts with angular, highcharts-ng
body: <p>Trying out a highcharts directive for angular, highcharts-ng. <a href="https://github.com/pablojim/highcharts-ng" rel="nofollow noreferrer">https://github.com/pablojim/highcharts-ng</a></p>
  
  <p>I have some problem with updating the data. Updating the series values is no problem. But I cant update the X-axis titles. I have a js-fiddle here <a href="http://jsfiddle.net/user1572526/3stqK/2/" rel="nofollow noreferrer">http://jsfiddle.net/user1572526/3stqK/2/</a></p>
  
  <p>I have the chartConfig in my factory: </p>
  
  <pre><code>myapp.factory('Chart', function () {
      var chartConfig = {
          options: {
              chart: {
                  type: 'column'
              }
          },
          series: [{
              data: [10, 15, 12, 8, 7]
          }],
          xAxis: [{
              categories: ['old bar title', 'old bar title 2 ']
          }],
          title: {
              text: 'Hello'
          },
  
          loading: false
      }
      return chartConfig;
  });
  </code></pre>
  
  <p>Then I expose it in my controller:</p>
  
  <pre><code>myapp.controller('myctrl', function ($scope, Chart) {
      $scope.chartConfig = Chart;
  </code></pre>
  
  <p>And finally a function to set some new values</p>
  
  <pre><code>$scope.update = function () {
       $scope.chartConfig.title.text = "Setting new title"; //Works    
      $scope.chartConfig.series = [{ //Works
          "name": "Updated data",
              "data": [1, 2, 4, 7, 3]
      }];
      $scope.chartConfig.xAxis = [{ //NOT WORKING
          categories: ['new bar title', 'new bar title2']
      }]
      console.log($scope.chartConfig);
  }
  </code></pre>
  
  <p>Everything works except the X-Axis. </p>
  
  <p>Any idea what can be wrong here?</p>