如何跳过 Highcharts 中的数据点而不会导致图表行中断？

Question

使用 Highcharts ... 我有一系列与一系列时间相对应的值。有时，数据值null位于特定时间并且图表上没有放置标记，这很好，但是线被中断并且基本上在下一个不是 的值上开始一个新图表null。我想跳过null图表上的值，但仍保留时间值，只需用实线将最后一个非空值连接到下一个值。如果值为null，我曾尝试跳过整个索引，但随后也跳过了时间值。我已经取代了null与0上0轴，但很明显，然后将数据点的土地。这是我的数据：for (i = 0; i < tpoints.length; i++)    {        var tc = cpoints[i];        var tf = fpoints[i];        var t = tpoints[i];        labels.push(t);        c.push(tc);        f.push(tf);    }这是我的图表配置：var config = {        type: 'line',        fill : false,        data: {            datasets: [{                    data: f,                    backgroundColor: [                        color(window.chartColors.red).alpha(0.5).rgbString(),                    ],                    label: '',                    fill : false                },{                    data: c,                    backgroundColor: [                        color(window.chartColors.blue).alpha(0.5).rgbString(),                    ],                    label: '',                    fill : false                }],            labels: labels        },        options: {            maintainAspectRatio: false,            responsive: true,            title: {                display: true,                text: title,                fontSize: 22            },            legend: {                position: "bottom",                display: false            },            scales: {                yAxes: [{                        display: true,                        scaleLabel: {                            display: true,                            labelString: 'T'                        },                        ticks: {                            beginAtZero: true                        }                    }]            }        }    };这会按预期创建折线图（每个数据点的颜色点。然后每个数据点都与一条细灰线连接。），但在图表中间的某个地方，如果它收到一个null值，灰线会被切断并且只在两个非空值之间再次显示。关于如何将 之前null的数据点与之后的数据点连接的任何想法null？

Answer 1

启用该connectNulls选项：

series: [{

    data: [...],

    connectNulls: true

}]

现场演示： http : //jsfiddle.net/BlackLabel/fheb9yp5/

API参考： https : //api.highcharts.com/highcharts/series.line.connectNulls