javascript - 高图表定制上的 Yaxis 值

Question

我一直在尝试按照我的定义在我的 highchart 上填充 yaxis 值，结果应该相应地显示，但是我所有的努力都是徒劳的，我无法手动设置this.valuehighchart 的 yaxis 。以下是我的 Jsfiddle 的链接。请帮助..

http://jsfiddle.net/CzHyC/12/

在下面的 JS 代码中，我一直在尝试将 yaxis 设置this.value为 yAxisLabels 的数组值，但是没有标记值，并且没有相应地显示图表。

YAXIS 的 JS 代码

var yAxisLabels = ['5','10','20','30','40','50'];


yAxis: {
    labels: {
        formatter: function () {
            for (i=0; i<=5; i++) {
                this.value=yAxisLabels[i];
                return this.value;
            }
        }
    },

    title: {
        text: 'Total fruit consumption'
    },
    stackLabels: {
        enabled: true,
        style: {
            fontWeight: 'bold',
            color: (Highcharts.theme && Highcharts.theme.textColor) || 'blue'
        }
    }
}

Answer 1

你也可以这样设置

tickPositions: [0, 5, 10, 20, 30, 40, 50],

Answer 2

您可以使用刻度定位器来定义您的轴刻度值：

见 jsfiddle

重要的部分是：

var yAxisLabels = [0, 5, 10, 20, 30, 40, 50];

您的轴标签数组包含数字而不是字符串

和

tickPositioner: function() {
                return yAxisLabels;
            },

tickPositioner 返回您的数组。

TickPositioner 文档