plotlyで欠損値が入る場合

Question

前提・実現したいこと

a=[2,4,6,7,8]
b=[1,2,3,'nan',4]
の図をplotlyで描きたいのですが，bの４番目が欠損値なので下の図のように３番目と５番目がつながらないです．
欠損値を無視して３番目と５番目の線をつなげる方法はありますか？

ちなみに
x軸を前から何番目に合わせたいので，bのnanを除外してb=[1,2,3,4]にしてプロットする方法は使えなかったです．
データがない時に欠損値を'NaN'として代入しているのですが（bの４番目のように），これだと文字列が入ってることになってますか？

該当のソースコード

from plotly.graph_objs import *
from plotly.offline import iplot

a=[2,4,6,7,8]
b=[1,2,3,'nan',4]
data = [
    Scatter(y=a, name='data a'),
    Scatter(y=b, name='data b'),
]

title = "タイトル"
layout = {
  'title': title,
}
figure = Figure(data=data, layout=layout)
iplot(figure)
figure.write_html("pic.html")

Answer 1

connectgaps=True を指定します。

plotly.graph_objects.Scatter — 5.4.0 documentation

Parameters

connectgaps - Determines whether or not gaps (i.e. {nan} or missing values) in the provided data arrays are connected.

data = [
    Scatter(y=a, name='data a'),
    Scatter(y=b, name='data b', connectgaps=True),
]

Comments

[hiragaga]

ありがとうございます．できました．
URLも載せていただきありがとうございます．