Обновление данных в графиках, highcharts с угловыми, highcharts-ng

пробуя директиву highcharts для угловых, highcharts-ng. https://github.com/pablojim/highcharts-ng

у меня есть некоторые проблемы с обновлением данных. Обновление значений ряда не является проблемой. Но я не могу обновить заголовки x-axis. У меня есть JS-скрипка здесьhttp://jsfiddle.net/user1572526/3stqK/2/

у меня есть chartConfig на моей фабрике:

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;
});

тогда я выставляю его в моем контроллер:

myapp.controller('myctrl', function ($scope, Chart) {
    $scope.chartConfig = Chart;

и, наконец, функция для установки некоторых новых значений

$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);
}

все работает, кроме оси X.

есть идеи, что здесь может быть не так?

1 ответов


xAxis должен быть объектом, а не массивом. Конфигурация должна быть настроена следующим образом:

    xAxis: {
        categories: ['old bar title', 'old bar title 2 ']
    }

и обновление должно быть:

    $scope.chartConfig.xAxis.categories = ['new bar title', 'new bar title2'];