Yaxis对高图表定制的价值观

时间:2012-07-27 07:56:45

标签: javascript highcharts

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

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

在下面的JS COde中,我一直在尝试将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'
        }
    }
}

2 个答案:

答案 0 :(得分:0)

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

See jsfiddle

重要的部分是:

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

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

tickPositioner: function() {
                return yAxisLabels;
            },

tickPositioner返回你的数组。

TickPositioner Documentation

答案 1 :(得分:0)

您也可以像这样设置

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