如何创建一个随时间显示开/关状态的图？[附图]

Question

如何在情节中显示某事物的开/关状态。 就像屏幕的图像附加状态一样，WiFi等会随着时间的推移而显示出来。每个ON间隔都会显示一个矩形。

一种方法是使用layout-shape属性分别为每个间隔绘制矩形。 但是在这个方法中显示/隐藏任何一个参数的切换，通过点击图例来说WiFi功能将无效。

有没有其他方法可以执行此操作或任何可用于此类绘图的图形对象？

Answer 1

尝试使用方形或矩形标记的基本散点图。 "data": [ {"type": "scatter", "marker": { "symbol": "square", "color": "#FF0000"}, ... }]

可用的各种标记类型如下：https://plot.ly/python/reference/#scatter-marker-symbol

Answer 2

使用散点图并在每个OFF＆amp;之间插入 None 非常接近ON实例。

import plotly
import plotly.graph_objs as go
plotly.offline.init_notebook_mode(connected=True)

screen_time = ['2018-06-05 12:11:10','2018-06-05 12:12:50',None,'2018-06-05 12:13:05','2018-06-05 12:14:50',None,
       '2018-06-05 12:16:10','2018-06-05 12:16:56',None,'2018-06-05 12:17:05','2018-06-05 12:19:15']
screen_pos = [1,1,None]*4

wifi_time = ['2018-06-05 12:12:12','2018-06-05 12:12:50',None,'2018-06-05 12:13:12','2018-06-05 12:13:50',None,
       '2018-06-05 12:15:10','2018-06-05 12:17:16',None,'2018-06-05 12:17:55','2018-06-05 12:18:15']
wifi_pos = [1.5,1.5,None]*4


trace1 = go.Scatter(
    x = wifi_time,
    y = wifi_pos,
    name='WiFi',
    mode = 'lines',
    line=dict(
    width=10,
    ),
    connectgaps=False
)
trace2 = go.Scatter(
    x = screen_time,
    y = screen_pos,
    name='screen',
    mode = 'lines',
    line=dict(
    width=10,
    ),
    connectgaps=False
)

data = [trace1,trace2]

layout = go.Layout(             
        title="Device Status",     
        yaxis=dict(                 
            visible=False          
        ),
)
fig = dict(data=data, layout=layout)
# Plot and embed in ipython notebook!
plotly.offline.iplot(fig, filename='basic-scatter')