angularjs - ハイチャート - yAxis ラベルを変更できません

Question

Highcharts js-libraryを使用してチャートをレンダリングしようとしています。私は AngularJS を使用しているため、 HighCharts に AngularJS ディレクティブを使用しています。

すべて正常に動作しましたが、奇妙な理由により、yAxis ラベルの値を変更できません。

チャートの y 軸に表示されるデフォルト値「Values」を取得します。これは、highcharts.jsファイルの「defaultYAxisOptions」の下で定義されていることを確認しました。

HTML:

<div ng-app="myapp">
    <div ng-controller="myctrl">
        <highchart id="chart1" config="chart"></highchart>
    </div>
</div>

Javascript:

var myapp = angular.module('myapp', ["highcharts-ng"]);

myapp.controller('myctrl', function ($scope) {
    $scope.chart = {
        options: {
            chart: {
                type: 'bar'
            }
        },
        xAxis: {
            title: {
                text: 'x-axix-label'
            }
        },
        yAxis: {
            title: {
                text: 'y-axix-label'
            }
        },
        series: [{
            data: [10, 15, 12, 8, 7]
        }],
        title: {
            text: 'Hello'
        },
        loading: false
    }

});

実装例: http://jsfiddle.net/VwTCn/9/

誰かここで間違いを指摘してください。