하이 차트 - 고정 된 툴팁과 포인트 간의 연결선을 제거하는 방법

Question

이제는 최신 Highcharts 버전으로 업데이트 했으므로 일부 차트 유형에는 툴팁을 포인트에 연결하는 새로운 라인이 있습니다.

주로 툴팁이 고정 된 차트에서 분명합니다.

아무도 도구 설명 자체의 테두리를 제거하지 않고이 줄을 제거하는 방법을 알고 있습니까?

저는 툴팁의 테두리 폭을 0으로 설정하고, useHTML을 사용하여 툴팁에 둥근 테두리가있는 컬러 div를 추가하는 작업을 제안했습니다. 참 및 그림자 비활성화.

비록 내가 조금 더 심한 것처럼 모든 차트에 이것을하고 싶지는 않지만.

이것은 내가 볼 수있는 바 (bar) 및 트리 (tree) 맵에도 영향을 미치며 문서를 소용이 없다고 트롤링했습니다.

http://jsfiddle.net/mattscotty/bqw4bc4x/1/

Highcharts.chart('container', { 
title: { 
    text: 'Fixed tooltip' 
}, 

tooltip: { 
    positioner: function() { 
     return { x: 80, y: 50 }; 
    }, 
    backgroundColor: 'rgba(255,255,255,0.8)', 

    //Uncomment below to remove line, but this also removes tooltip border 
    //borderWidth:0, 
    //shadow:false 
}, 

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar'] 
}, 

series: [{ 
    data: [29.9, 71.5, 106.4] 
}, { 
    data: [194.1, 95.6, 54.4] 
}] 
}); 

미리 감사드립니다

.

Answer 1

기본적으로 툴팁의 모양은 포인트를 가리키는 갈매기/선이있는 설명 선으로 ​​설정됩니다. 툴팁의 모양을 예를 들어으로 변경할 수 있습니다. 사각형 - 커넥터가 없습니다.

tooltip: { 
    positioner: function() { 
     return { x: 80, y: 50 }; 
    }, 
    backgroundColor: 'rgba(255,255,255,0.8)', 
    shape: 'rect' 

예 : http://jsfiddle.net/bqw4bc4x/2/