HighCharts에서 두 개의 연결된 시리즈로 끝점에 연결하는 방법

Question

빨간색 실선과 빨간색 점선을 연결하려고합니다. I는 highchart의 "로 연결이"명령을 사용하면

그러나, 세그먼트 (http://jsfiddle.net/znvkh14o/)

$(function() { 
    s1 = [ 
     [1246752000000, 21.4], 
     [1246838400000, 21.3], 
     [1246924800000, 18.3], 
    ]; 
    s2 = [ 
     [1247024800000,20.5], 
     [1247824800000,17.9], 
    ]; 


$('#container').highcharts({ 
    xAxis: { 
     type: 'datetime' 
    }, 
    tooltip: { 
     crosshairs: true, 
     shared: true 
    }, 
    series: [{ 
     name: 's1', 
     data: s1, 
     dashStyle : 'solid' 
    }, { 
     name: 's1', 
     data: s2, 
     linkedTo: ':previous', 
     dashStyle : 'shortdot' 
    }] 
}); 

})에 간극이있을 것; I는 이들을 강제로 접속되는 지점을 만드는 경우

, 포인트의 값은 툴팁 두번 도시한다

$(function() { 
    s1 = [ 
     [1246752000000, 21.4], 
     [1246838400000, 21.3], 
     [1246924800000, 18.3], 
    ]; 
    s2 = [ 
     [1246924800000,18.3], 
     [1247024800000,20.5], 
     [1247824800000,17.9], 
    ]; 


$('#container').highcharts({ 
    xAxis: { 
     type: 'datetime' 
    }, 
    tooltip: { 
     crosshairs: true, 
     shared: true 
    }, 
    series: [{ 
     name: 's1', 
     data: s1, 
     dashStyle : 'solid' 
    }, { 
     name: 's1', 
     data: s2, 
     linkedTo: ':previous', 
     dashStyle : 'shortdot' 
    }] 
}); 

});

이런 종류의 문제를 해결할 방법이 있습니까?

또는 두 가지 다른 선 스타일로 선을 그릴 수 있습니까?

내 코드의 단순화 된 버전 당신은이 기타를 연결하는 3 시리즈를 만들 수 있습니다 http://jsfiddle.net/5uyd1wmy/

감사

Answer 1

에서 사용할 수 있습니다. 이 새로운 세리는 마우스 추적을 사용 중지하고 범례에 false를 표시하고 마커를 사용 중지해야합니다.

{ 
    data: s3, 
    enableMouseTracking: false, 
    showInLegend: false, 
    marker: { 
     enabled: false 
    }, 
    color: "#3399FF" 
} 

는 http://jsfiddle.net/znvkh14o/1/

를 참조하십시오