如何跳过 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: [{&nbsp; &nbsp; data: [...],&nbsp; &nbsp; connectNulls: true}]现场演示： http : //jsfiddle.net/BlackLabel/fheb9yp5/API参考： https : //api.highcharts.com/highcharts/series.line.connectNulls