import numpy as np
from plotly import offline as py
import plotly.graph_objs as go
py.init_notebook_mode()

from ipywidgets import interact, interactive, fixed, interact_manual
N = 10
@interact(idx=(1,N,1))
def plot_L2_LOB(idx):
    

    bP = np.arange(0,10,1)
    bV = np.arange(0,10,1) + idx
    aP = np.arange(12,22,1)
    aV = np.arange(0,10,1)

    data1 = go.Bar(
        x=bP, # assign x as the dataframe column 'x'
        y=bV,
        name='one',
        marker=dict(color='rgb(0, 150, 0)')
    )

    data2 = go.Bar(
        x=aP, # assign x as the dataframe column 'x'
        y=aV,
        name='two',
        marker=dict(color='rgb(150, 0, 0)')
    )
    layout = go.Layout(
    title='title',
    )
    data = [data1,data2]
    fig = go.Figure(data=data, layout=layout)
    py.iplot(fig)
    #py.iplot(fig, filename='style-bar')