Подключение через пустые точки данных

Question

Я пытаюсь построить trace1 и trace2.Проблема с trace1 заключается в том, что в нем отсутствуют значения y для x = 2 и x = 3.Созданный график выглядит следующим образом:

Как можно видеть, blue dot слева изолирован.Есть ли способ, которым я мог бы подключиться через undefined точек данных?

Я создал следующий код для приведенного выше графика.

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

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

var data = [trace1, trace2];

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

Я хочу соединить 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});

Это должно исправить это, и новый график будет выглядеть так: