하이 차트의 X 축 레이블 서식 지정

Question

내 하이 차트에 내 x 축 레이블을 어떻게 포맷하는지 알려주고 싶습니다. 나는 min : 0과 max : 300을 설정했지만 min과 max의 마지막 숫자를 자르고 싶습니다.

 labels: { 
      formatter: function() { 
       return this.value.substring(0, 3); 
      } 
     } 

을하지만은 highchart 충돌 보인다 : 280 내가 일하는 것이라고 생각 코드이었다 (28)

될 것 즉. 어떤 아이디어?

Answer 1

this.value은 문자열이 아니고 숫자입니다. 문자열로 변환 한 다음 하위 문자열을 가져올 수 있습니다.

xAxis: { 
    labels: { 
     formatter: function() { 
      return this.value.toString().substring(0, 2); 
     } 
    } 
}, 

그러나 매우 강력한 솔루션은 아닙니다. 숫자가 999 이상으로 커지면 처음 두 자릿수 만 얻을 수 있습니다. 난 당신이 이런 일에 더 나을 거라고 생각 :

xAxis: { 
    labels: { 
     formatter: function() { 
      // return this.value.toString().substring(0, 2); 
      return Math.round(this.value/10); 
     } 
    } 
}, 

는 또한, 당신은 툴팁 및 지점 라벨이 같은 변화를해야된다는 점에 유의. 하이 차트가 데이터에 대해 말하는 모든 방법을 변환하는 것보다 데이터를 변환하는 것이 더 합리적 일 수 있습니다.

http://jsfiddle.net/3y8dnh5u/2/