如何連接HighCharts中兩個鏈接系列中的端點

Question

我試圖連接紅色實線和紅色虛線。

但是，如果我在highchart用 「linkedto」 命令，將有給段（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' 
    }] 
}); 

}）之間的間隙;

如果創建一個點，迫使他們將被連接，該點的值將在工具提示顯示兩次

$(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' 
    }] 
}); 

}）;

有沒有辦法解決這類問題？

或者是可以用兩種不同的線條樣式畫線？

我的代碼的簡化版本是http://jsfiddle.net/5uyd1wmy/

感謝

Answer 1

可用您可以創建一個3系列連接2等。 這個新的系列需要禁用鼠標跟蹤，在圖例中顯示爲false，並禁用標記。

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

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