Highcharts - 无法更改y轴标签

Question

Highcharts - 无法更改y轴标签

angularjshighcharts

3

我正在尝试使用Highcharts js库来渲染图表。由于我使用的是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/

请问这里有什么错误。

- Raj

你看过类似的话题吗？https://dev59.com/KWUo5IYBdhLWcg3wnwj2 - Sebastian Bochan

是的，那篇文章帮助我开始使用Highcharts。Pablojim提供了一个实现（http://jsfiddle.net/pablojim/Cp73s/），如果您尝试添加y轴标签，它仍然不会显示在y轴上。 - Raj

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- martinczerwi · Accepted Answer

花了一段时间才明白，highcharts-ng不能使用原始的highcharts选项结构。无论如何，如果将yAxis配置放入选项对象中，它总能奇妙地工作。例如：

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

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