C3JS에서 중복 라벨을 피하는 방법

Question

C3JS에 그래프가 있는데 중복 라벨을 피하려고했습니다. 큰 범위의 데이터를 가지고있을 때는 레이블을 복제하지 않지만 데이터의 범위는 작습니다. 이 경우 19-23 %의 숫자 만 표시되도록하려면 어떻게해야합니까?

Answer 1

해결 방법 1 - 4 또는 5와 같이 더 작은 값으로 설정된 axis.tick.limit 구성을 사용하여 적은 수의 틱 값이 표시되도록합니다.

해결 방법 2 : - 함수에 설정 axis.tick.format 설정, 반환

두 번째 솔루션은 더 나은 등 20.0 %, 20.5 %, 21.0 %, 21.5 %, 같은 유리수를 백분율.

추가 y 축 레이블에서 포맷 함수를 이미 재정의 한 것처럼 보입니다. 십진수로 백분율을 반환하는지 확인하십시오.

axis: { 
    y2: { 
     tick: { 
      count:3, // Limit number of axis ticks (solution 1) 
      format: function(d){//logic to return formatted percentages with decimal digit} 
     } 
    } 
}