angularjs - Highcharts - 无法更改 yAxis 标签

Question

我正在尝试使用Highcharts js-library 呈现图表。当我使用 AngularJS 时，我使用AngularJS 指令作为 HighCharts。

我让一切正常，但由于一些奇怪的原因，我无法更改 yAxis 标签值。

我得到了图表 y 轴上显示的默认值“Values”，我检查过的默认值是在“defaultYAxisOptions”下的highcharts.js文件中定义的。

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/

有人可以在这里指出错误。

Answer 1

我花了一段时间才明白，使用原始的 highcharts 选项结构，highcharts-ng 不起作用。

无论如何，由于某种原因，如果您将 yAxis 配置放入选项对象中，它会起作用，如下所示：

...
options: {
    chart: {
        type: 'bar'
    },
    yAxis: {
        title: {
            text: 'y-axis label'
        }
    }
},
xAxis: {
    title: {
        text: 'x-axis label'
    }
},
series: [{
...

见例子：http: //jsfiddle.net/martinczerwi/VwTCn/13/