2016-10-12 2 views
0

저는 Highcharts를 처음 사용하고 계기로 작업하고 있습니다.Highcharts가 라벨 값을 잘못 렌더링합니다.

난 (24)에 최대 값을 변경하고 그러나

$('#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' 
     } 
    }] 

})); 

(20)에 데이터 값을 설정 한 상기 게이지 (40)의 최대 값을 50 %로 게이지 (20/40)를 표시한다 .

Image here

은 내가 어떤 도움이 많이 주시면 감사하겠습니다 어떤 ... 볼 수없는, 내가 어딘가에 바보 같은 실수를 것 같아.

http://jsfiddle.net/fzsy2mhk/

감사의 Highcharts API에서

+0

대신 설정하여'tickAmount'이 ** 1 **에 ** 24 ** 당신의'tickInterval'을 설정합니다. You'ev는 한 진드기를 만들라고 말했지만 간격을주지 않았기 때문에 자신의 간격을 선택했습니다. – jlbriggs

답변

0

은하십시오 tickAmount이 설정되어

경우, 축 틱 지정된 수에 도달하기 위해 설정 한 최대를 넘어 연장 될 수있다.

따라서 tickamountgaugeOptions에서 삭제해야합니다.

labelsyAxis으로 설정 했으므로 게이지의 자동 레이블은 틱으로 표시됩니다. enabled:false을 사용하여 사용 중지하거나 step 옵션을 사용하여 조정할 수 있습니다.

작업 JSFiddle here

관련 문제