하이 차트 : 동일한 시리즈에서 세로 막 대형 차트와 거품 형 차트를 세로로 정렬하는 방법

이 이미지에서 볼 수 있듯이 세로 형 차트와 버블 차트를 단일 시리즈에 정렬해야합니다. 그러나 이렇게 할 때 차트의 열 크기에 작은 불일치가 있습니다. 어떤 몸이라도이 문제를 해결하기위한 직접적인 해결책이나 해결책을 알고 있습니까? 도움말 크게 감사하겠습니다.하이 차트 : 동일한 시리즈에서 세로 막 대형 차트와 거품 형 차트를 세로로 정렬하는 방법

image: <code>http://i.imgur.com/4twx0EF</code>

출처

2014-03-06 aravindaM

, 당신의 y 축이 다른 크기입니다. 상단은 100 (3 자리 숫자)에, 하단은 10 자리 (2 자리수)에 있습니다. 더 많은 도움이 필요하면 코드를 표시하거나 jsFiddle에서 문제를 재현하는 것이 더 좋습니다. – Mark

안녕 마킹, Y 값은 다를 것이지만 X 축 값과 범위는 두 차트에서 똑같습니다. 기포 크기는 요인에 의해 조정될 수 있습니다. 여기에서 샘플 피들을 찾으십시오. http://jsfiddle.net/aravindal/UkS74/ – aravindaM

레이블에 대해 생성 된 왼쪽 여백은 각 차트의 왼쪽 여백을 명시 적으로 설정하지만 Y 축 스케일링 자체는 효과가 없어야합니다. 그 외에도 열의 간격이 어떻게 배치되는지가 중요합니다. minPadding 및 maxPadding 설정으로 주변에서 놀고있는 사람들은 필요한 것을 얻을 수 있습니다 ...? – jlbriggs

대신 분리 된 차트를 사용하는 두 개의 y 축 창 싱글 사용할 수 있습니다.

는

series:[{ 
    type:'column', 
    data:[2,3,5,8,15,12,7,4] 
}, { 
    yAxis:1, 
    type:'bubble', 
    data:[2,3,5,8,15,12,7,4] 
}]

편집 : 커프 추측 오프 http://jsfiddle.net/fQ69x/4/

출처

2014-03-07 10:37:52

나는이 접근법을 시도 할 것이다. 감사합니다. – aravindaM

@ Sebastian, 나는 당신의 모범으로 시도했으며 일정한 기간 동안 차트를 생성 할 수있었습니다. 두 차트에 두 개의 다른 도구 설명을 표시해야하지만 도구 설명 옵션을 직렬로 배치하면 형식이 지정되지 않고 위쪽 및 높이 매개 변수 간의 정확한 관계는 무엇입니까? – aravindaM

@aravindaM 내 업데이트 된 바이올린을 참조하십시오. –

하이 차트 : 동일한 시리즈에서 세로 막 대형 차트와 거품 형 차트를 세로로 정렬하는 방법

답변

관련 문제