페이지 매기기의 X 축 레이블을 변경하지 않는 하이 차트

Question

페이지 넘김의 하이 차트 열에서 작업을 시작할 때 jsfiddle이 매우 유용하다는 것을 발견했습니다. 이 좋은 예제를 바탕으로 각 데이터의 해당 이름으로 x 축 레이블을 어떻게 변경할 수 있는지 알고 싶습니다. 예를 들어 x 축을 따라 'Fred G. Aandahl', 'Watkins Moorman Abbitt', 'Amos Abbott'등의 해당 y 값을 찾아야하며 '다음' 버튼을 클릭하십시오.)

하이 차트 부분에는 "xAxis"옵션을 추가하려했지만 여전히 운이 없었습니다.

pie = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'column' 
     }, 
     xAxis: { 
      labels: { 
       formatter: function(){ 
        return this.value; 
       } 
      } 
     }, 
     series: [{ 
      data: [] 
     }] 
    }); 

및

pie = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'column' 
     }, 
     xAxis: { 
      labels: { 
        format: '{value}' 
       } 
     }, 
     series: [{ 
      data: [] 
     }] 
    }); 

누군가 내가이 예에서 누락하고있는 무슨에 관한 나를 도울 수 있습니까? 대단히 감사하겠습니다.

Answer 1

각 Y 축 값에 따라 표시 할 축 레이블을 지정합니다. 또한, @Kacper Madej가 제안한대로, 원래 제공된 특정 데이터 형식으로 작동합니다.

xAxis: { 
     type: 'category' 
} 

부분. 그러나 pie.xAxis [0] .update()은 사용자가 가지고있는 데이터 또는 시리즈 형식에 관계없이 사용하려는 x 축 레이블의 배열을 알고 있으면보다 일반적인 의미로 사용될 수 있습니다).

여기는 jsfiddle에 대한 링크입니다.

희망 사항은 도움이 될 수 있습니다.

Answer 2

xAxis의 유형을 카테고리로 설정할 수 있으며 카테고리 배열없이 축의 값이 포인트에서 가져옵니다. 하지만 setData 호출을

pie.series [0] .setData (data.slice (from, to), true, true, false)로 변경해야합니다.

xAxis: { 
      type: 'category' 
     }, 

예 : I 카테고리 모두 X 방향의 배열 인 사항 setData 호출 후

pie.xAxis[0].update({ 
    categories: category.slice(from, to) 
}) 

추가하여 따라서 X 축 라벨을 변경할 수이다 http://jsfiddle.net/kpxp4/8/