c3 js 막 대형 차트 - 최소 막 대형 높이 설정

Question

저는 Y 값 (2 - 10000)에 넓은 변동이있는 차트를 가지고 있습니다. 불행하게도, 이로 인해 눈금의 하단에있는 막대가 단지 몇 픽셀 높이로 보이지 않으므로 보이지 않거나 상호 작용할 수 없습니다. 막대의 최소 높이를 설정할 수있는 방법이 있습니까? 나는 순수한 d3에서 필요한 경우 도메인을 조금 퍼지 할 수 있음을 안다.

Answer 1

대수는 비선형 변환이므로 작은 값은 작고 큰 값은 비교적 작은 값으로 유지하는 데 도움이됩니다.

따라서 대수 눈금이 적용되면 c3 차트에서 3과 30000을 모두 볼 수 있습니다.

그러나 사용자에게 로그 눈금이 사용되고 눈금 500이 5의 2 배가 될 수 있음을 반드시 확인하십시오 (차트에 플롯 된 경우).

c3.js는 구성을 통해 로그 눈금을 지원하지 않으므로 로그 눈금 (사전 처리)으로 데이터를 변환하고 선형 눈금 c3.js 차트 (c3의 기본 눈금)로 제공해야합니다.

c3 개발자에게 c3 차트에 d3 로그, 전원 및 기타 축척을 플러그인하는 방법을 제공 할 것을 요청하는 사용자는 거의 없습니다.

https://github.com/c3js/c3/issues/252

하지만 지금은 (전처리 데이터 규모를 기록하는) 방법 위에 시도 할 수 있습니다.

예 -

LN (5000) = 8.517

LN (500) = 6.214

LN (50) = 3.912

LN (5) = 1.609

위의 예제에서 볼 수 있듯이 로그 축척이 y 축에서 사용되는 경우 동일한 차트에서 5000과 5를 모두 볼 수 있습니다.