在左侧使用ipywidgets的交互式jupyter图

时间:2018-04-19 09:06:52

标签: python matplotlib jupyter-notebook ipywidgets sliders

我有很多连接到图表的ipywidgets滑块,我想将它们放在版面的左侧。除此之外,输出图应位于右侧,以便优化空间并提高可用性。

没有分层的结果如下图所示:

result without layering

你有任何解决方案,左侧有滑块,右侧有输出吗?

我已经尝试过使用交互式的HBox + VBox:

inter = wgt.interactive(f_arctan2,va=wgt.FloatSlider(min=-5.,max=5.,step=0.5,value=1.5),vb=wgt.FloatSlider(min=-6,max=6,step=0.5,value=0),
             va2= wgt.FloatSlider(min=-5.,max=5.,step=0.5,value=-1), vb2= wgt.FloatSlider(min=-5.,max=5.,step=0.5,value=-3) )

display(wgt.HBox(wgt.VBox(inter.children[:-1]),inter.children[-1]))

但是有一个元组错误

  

TypeError: init ()需要1到2个位置参数,但是3   给了

使用inter.children.Output()作为第二个参数也不起作用。

1 个答案:

答案 0 :(得分:0)

我发现的最佳解决方案是使用HBox与VBox结合使用。

以下是一个示例:

labels = Label(y= x_labels , x= [0,0,0,0,0], scales={'y': x_ord , 'x':  y_sc}, x_offset = -49, y_offset = 7,colors=['white','white','white', 'white','white'], default_size=24,  update_on_move=True)


histogram = Figure(marks=[bar,labels], axes=[ax_x,ax_y],  background_style = {'fill': 'White'},title=total, min_height = 50, title_style ={'font-size': '30px'})


ui = wgt.HBox([wgt.VBox([logo_w,company_w,model_w, aa_w, bb_w, ccc_w,avg_w,event_w]),histogram])

然后,我使用了交互式输出

def f_all(logo,company,...):
  ....code here...


out = wgt.interactive_output(f_all,{'logo':logo_w,'company': company_w, 'aa':aa_w, ...})

display(ui, out)

希望这可以帮助任何人: - )