连接空数据点

Question

我正在尝试绘制trace1和trace2。 trace1的问题在于它缺少y和x = 2的{​​{1}}值。创建的绘图如下所示：

可以看到，左侧的x = 3是孤立的。我可以通过blue dot数据点进行连接吗？

我为上图创建了以下代码。

undefined

我想将y = 10连接到y = 17，以便图中没有断点

Answer 1

您将需要在两个对象中使用名为connectgaps的属性。

var trace1 = {
    x: [1, 2, 3, 4, 5],
    connectgaps: true,
    y: [10, undefined, undefined, 17, 50],
    type: 'scatter',
};

var trace2 = {
    x: [1, 2, 3, 4, 5],
    connectgaps: true,
    y: [16, 5, 11, 9, 40],
    type: 'scatter'
};

var data = [trace1, trace2];

Plotly.newPlot('myDiv', data, {}, {showSendToCloud: true});

这将解决它，新的图将类似于：