카테고리 차트를 중복하는 하이 차트

Question

xAxis의 카테고리 라벨에 문제가있는 경우 도움이 필요합니다. 모든 카테고리 라벨을위한 여유 공간이 없으면, 서로 겹쳐서 서로 겹칩니다.

나는 이런 일이 발생하지 않도록 몇 가지 방법을 찾을 수 있는지 검색했다. 먼저 스크롤링 솔루션을 찾은 다음 일종의 확대/축소를 찾고 결국에는 staggerLines로 이동하려고 시도했다.

내가 문제가되는 것은 staggerLines을 사용하려는 경우 가지고있는 범주 수에 따라 값을 설정해야한다는 것입니다. 10 이하가되면 staggerLine 값이 1로 설정되고 11-20에서 staggerLine 값은 2로 설정되고 21-30으로 설정하면 3으로 설정됩니다. 나는 단순히 3으로 설정할 수는 없습니다. 왜냐하면 어떤 때는 몇 가지 범주 만 표시 될 것이고, 그것은 staggerLines에서 좋지 않을 것입니다.

누구든지이 문제를 해결하는 방법에 대한 좋은 제안이 있습니까?

Answer 1

카테고리를 전혀 사용할 필요가 없습니다. 일반적으로 카테고리를 보여 주면 좋습니다. 과일 또는 이름 - 표시 할 이름을 정의하는 방법과 표시하지 말아야 할 이름을 정의하는 방법? 사과가 바나나보다 더 중요합니까?

그러나 해결책은 x 축 라벨 포맷을 사용하여, 아주 간단합니다, 살펴 : http://jsbin.com/oyudan/27/edit

xAxis: { 
    labels: { 
    formatter: function(){ 
     return names[this.value]; 
    } 
    } 
},