Question

我正在尝试使用Highcharts js-library渲染图表。在我使用AngularJS时，我使用的是AngularJS directive for HighCharts。

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

我得到了图表y轴上显示的默认值“Values”，我检查的默认值是在{default_AxisOptions“下的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对象中，它会起作用，如下所示：

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

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

Highcharts-无法更改yAxis标签

1 个答案: