Javascript 高度图表定制上的Yaxis值

我一直试图按照我定义的在我的highchart上填充yaxis值，结果应相应显示，但我所有的努力都是徒劳的，我无法手动设置highchart的yaxis的

此.value

。以下是指向我的JSFIDLE的链接。请帮忙

在下面的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'
        }
    }
}

var-yAxisLabels=['5'、'10'、'20'、'30'、'40'、'50']；
亚克斯：{
标签：{
格式化程序：函数（）{
对于（i=0；i，可以使用刻度定位器定义轴刻度值：


重要的部分是：

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

包含数字而非字符串的轴标签数组

及

返回阵列的定位器

您也可以这样设置

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

正确，但图表未按照Yaxis标签表示值我希望图表应按照Yaxis标签填充。很抱歉，我没有真正了解您要执行的操作。是否要设置datalabel（条形图上方的蓝色粗体值）？
tickPositions: [0, 5, 10, 20, 30, 40, 50],