2012-07-27 204 views
1

我一直试图根据我的定义填充高坐标系的yaxis值,并且结果应该相应显示,但是我所有的努力都是徒劳的,我无法手动设置高图的yaxis的this.value 。以下是我的Jsfiddle的链接。请帮助..高坐标轴定制的Y轴值

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

在下面的JS代码我一直在试图y轴的this.value设置yAxisLabels的阵列值,但值不被标有和图表没有相应dislayed。

JS代码以进行YAXIS

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' 
     } 
    } 
} 

回答

0

可以使用蜱定位来定义轴的刻度值:

See jsfiddle

最重要的部分是:

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

你的轴线包含数字和字符串不是

tickPositioner: function() { 
       return yAxisLabels; 
      }, 

的tickPositioner退回阵列BEL阵列。

TickPositioner Documentation

+0

正确的,但图表并不代表值按Y轴的标签,我想图表应填充按y轴的标签。 – 2012-08-02 20:26:37

+0

对不起,我真的不明白你想要做什么。你想设置数据标签(酒吧上方的蓝色粗体值)吗? – david 2012-08-06 08:57:48

0

你也可以这样设置

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