2013-03-29 3 views
7

Highcharts 3.0을 사용하면 3.0보다 이전 버전의 거품 형 차트를 만들고 거품 형 차트를 만들기 위해 표식 크기를 수정해야했지만 3.0 차트에서는 '거품 형'차트를 만들 수 있습니다. 오래된 방법에 대한 좋은 점은 각 버블의 보이는 픽셀 반경을 완벽하게 제어 할 수 있다는 것입니다. 새로운 버블 차트는 버블 크기를 자동으로 조정하여 서로 상대적으로 크기가 조정됩니다. 이 동작을 끄거나 거품 반경을 수동으로 설정할 수있는 방법이 있습니까?Highcharts 3.0 거품 형 차트 - 거품 형 크기 조절

+0

분산 형 차트를 계속 사용하지 않는 이유는 무엇입니까? – PeerBr

+0

@PeerBr 그래도 그래프의 가장자리 근처에있는 큰 마커는 차트의 경계를 넘는 경향이있는 반면 버블 차트에서는 마커가 자동으로 제어됩니다. http://stackoverflow.com/questions/15535932/highcharts-prevent-large-marker-from-overflowing-axes-my-bubbles-are-escapin – AlexMA

답변

9

거품이 서로 비례하지 않는 거품 형 차트가 어떤 용도로 사용되는지를 보는 데 어려움을 겪고 있습니다.

당신은 그들에게 당신이 필요로하는 방식을 제어 할 수 있지만, 최소 매개 변수와이 maxSize 옵션을 사용할 수 있어야합니다 :

bubble: { 
       minSize:2, 
       maxSize:50 
     } 

{{편집 : 나는이 문서에서 그들을 볼 수 없습니다 중 , 사실은. 그러나 여기에 예제가 있습니다. http://jsfiddle.net/fXzke/13/ 숫자를 픽셀 값으로 사용하거나 차트의 높이의 백분율을 나타내는 문자열 }

+0

수동으로 크기를 상대적으로 유지하면서 너비를 제어하려고합니다 * 픽셀 단위 *. 또한, 나는 문서 (api.highcharts.com)에서 해당 옵션을 찾을 수 없습니다. plotOptions의 속성으로 거품을 사용하여 시도했지만 아무 일도 없었습니다. – AlexMA

+0

나는 그것들을 실제로 문서에서 보지 못한다. 그러나 여기에서 예제를 볼 수 있습니다 : http://jsfiddle.net/fXzke/13/ 픽셀 값으로 숫자를 사용하거나 차트 높이의 백분율을 사용하는 문자열 – jlbriggs

+0

이 동작은 아직 안정적이지 않습니다. Highcharts에서 오류가 발생하여 minSize를 다른 숫자로 변경하기 만하면됩니다 (http://jsfiddle.net/FbUwQ/ 참조). 내 충고는 이것이 문서에 추가 될 때까지 기다리는 것이다. – AlexMA

10

"빈"거품을 시리즈에 추가하면 모든 거품의 크기를 유지하는 데 도움이됩니다. 서로 차트 상대 :

name: '', 
data: [{x:0,y:0,z:0}], 
showInLegend: false, 
color: 'transparent', 
enableMouseTracking: false 

여기 JSFiddle에 샘플입니다 : http://jsfiddle.net/9bebT/2/. 범례, 색상 및 마우스 추적 변수는 각각 시리즈에서 항목을 유지하는 데 도움이되지만 그렇지 않은 경우에는 사용자가 볼 수 없습니다. 단순히 빈 거품을 제거하거나 "false"로 설정하면 차트는 빈 거품의 z 축 (직경)을 minSize로 등록하지 않습니다.

+0

직접적인 대답은 아니지만 유용하고 관련성이 있습니다. 그럼에도 불구하고 감사합니다. – AlexMA

+0

사과드립니다. 나는 원래의 질문을 다시 읽었으며 실제로 그 점을 놓쳤다는 것을 깨달았다. > _ < –

관련 문제