2016-10-12 26 views
0

我是新来的Highcharts,只是使用它的标准。Highcharts衡量不正确的绘制标签值

我已最大值改变为24,并设置数据值到20。

$('#container-speed').highcharts(Highcharts.merge(gaugeOptions, { 
    yAxis: { 
     min: 0, 
     max: 24, 
     title: { 
      text: 'Test ABC' 
     } 
    }, 

    credits: { 
     enabled: false 
    }, 

    series: [{ 
     name: 'Speed', 
     data: [20], 
     dataLabels: { 
      format: '<div style="text-align:center"><span style="font-size:25px;color:' + 
       ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y}</span><br/>' + 
        '<span style="font-size:12px;color:silver">83% visited</span></div>' 
     }, 
     tooltip: { 
      valueSuffix: ' visited' 
     } 
    }] 

})); 

然而,测量仪与40一最大值,并在50%的压力表显示(20/40) 。

Image here

我想我做出愚蠢的错误的地方,我看不出有什么...任何帮助,将不胜感激。

http://jsfiddle.net/fzsy2mhk/

谢谢,

+0

而不是设置你的'tickAmount'到** ** 1,设定你的'tickInterval'到** ** 24。 You'ev告诉它做一个勾号,但没有给它一个间隔,所以它选择了它自己的间隔。 – jlbriggs

回答

0

Highcharts API

如果tickAmount被设置,轴可以超出设定最大以达到刻度线的给定数量的延长。

因此您必须从gaugeOptions中删除tickamount

由于您在yAxis中启用了labels,仪表将自动标记为刻度。您可以使用enabled:false将其禁用,或使用step选项进行调整。

工作的jsfiddle here