title: How to add go.Figure into dash plotly layout in dash core component
body: <p>I'm new in dash plotly and I need to add go.Figure into app.layout
  but I cant get correct result there is something wrong <a href="https://i.stack.imgur.com/3oeHV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3oeHV.png" alt="enter image description here"></a></p>
  
  <p>my code :</p>
  
  <pre><code>
  trace = go.Scatter(
      x=x1,
      y=y1,
      name="Completed",
      line_color='green'
  )
  
  layout = dict(
      title='Simple Graph',
      xaxis=dict(range=[min(x1) - datetime.timedelta(hours=2), max(x1)]),
      yaxis=dict(range=[0, max(max(new_df['number_of_incomplete_segments']), max(new_df['number_of_returned_segments']),
                               max(new_df['number_of_completed_segments']))])
  )
  
  fig = go.Figure(data=[trace], layout=layout)
  
  
  
  app.layout = html.Div([
      html.H1('Square Root Slider Graph'),
  
      dcc.Graph(id='slider-graph', figure={'data': [fig] }, animate=True, style={"backgroundColor": "#1a2d46", 'color': '#ffffff'},
                ),
      dcc.Dropdown(id='demo-dropdown',
                   options=[
                       {'label': 'Daily', 'value': 'daily'},
                       {'label': 'Weekly', 'value': 'weekly'},
                       {'label': 'Monthly', 'value': 'monthly'}
                   ],
                   value='weekly'),
  ])
  
  </code></pre>
  
  <p>I dont know why the graph object not supported in dash plotly </p>
  
  <p>any one have an idea ?</p>
  
  <p>many thanks</p>