python interactive slider_使用Plotly与Slider进行交互式绘图

How do I recreate the following interactive plot in Python using Plotly?

My simple example draws a bar chart with one column x and another 1-x.

GIF from Mathematica:

Slider allows for a varying x between 0 and 1.

Mathematica code:

Manipulate[BarChart[{x, 1 - x}, PlotRange -> {0, 1}],

{{x, 0.3, "Level"}, 0, 1, Appearance -> "Open"}]

UPDATE

Here is a solution which I don't like:

import plotly.graph_objs as go

from plotly.offline import init_notebook_mode, iplot

init_notebook_mode(connected=True)

import ipywidgets as widgets

Plotting:

def update_plot(x):

data = [go.Bar(

x=['1', '2'],

y=[x, 1-x]

)]

iplot(data, show_link=False)

x = widgets.FloatSlider(min=0, max=1, value=0.3)

widgets.interactive(update_plot, x=x)

Problems with this:

The plot twinkles when the slider is moved

The slider is misplaced

The increment is not granular enough

I cannot specify a precise value myself

解决方案

Starting from Plotly 3.0 this can be achieved as follows (in JupyterLab):

import plotly.graph_objects as go

from ipywidgets import interact

fig = go.FigureWidget()

bar = fig.add_bar(x=['x', '1-x'])

fig.layout = dict(yaxis=dict(range=[0,1]), height=600)

@interact(x=(0, 1, 0.01))

def update(x=0.3):

with fig.batch_update():

bar.y=[x, 1-x]

fig

Update:

From Plotly 4.0 you need to specify fig.data[0].y instead of bar.y.