Question

我试图连接红色实线和红色虚线。

但是，如果我使用＆＃34; linkedto＆＃34;高图中的命令，段（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

你可以创建连接另外2个的第3个系列。此新系列需要禁用鼠标跟踪，在图例中显示设置为false，并禁用标记。

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

请参阅http://jsfiddle.net/znvkh14o/1/

如何连接到HighCharts中两个链接系列的端点

1 个答案: