title: Adding annotations to a bar graph in Plotly
body: <p>I'm looking to add some annotations to my bar graph I created in Plotly. I simply want to show the data value over each bar without the need of hovering over it. </p>
  
  <p>Most of the data manipulation has been done and my two main data frames have been created:</p>
  
  <pre><code>In [1]: df_MMCAlist
  Out[1]:
     List Date  Total
  0    2015-01    131
  1    2015-02    102
  2    2015-03    116
  3    2015-04    104
  4    2015-05    105
  5    2015-06     87
  6    2015-07     68
  7    2015-08     58
  8    2015-09     73
  9    2015-10     76
  10   2015-11     74
  11   2015-12     67
  
  In [2]:df_MMCAsale
  Out[2]: 
     Sale Date  Total
  0    2015-01     70
  1    2015-02     42
  2    2015-03     92
  3    2015-04     36
  4    2015-05     49
  5    2015-06     47
  6    2015-07     34
  7    2015-08     37
  8    2015-09     42
  9    2015-10     39
  10   2015-11     42
  11   2015-12     32
  </code></pre>
  
  <p>Here's my graph:</p>
  
  <pre><code>bar_MMCAlist = go.Bar(
      x=df_MMCAlist['List Date'],
      y=df_MMCAlist['Total'],
      name='Listings',
      marker=dict(
          color='rgb(242,137,17)'
      )
  )
  
  bar_MMCAsale = go.Bar(
      x=df_MMCAsale['Sale Date'],
      y=df_MMCAsale['Total'],
      name='Sales',
      marker=dict(
          color='rgb(0,153,0)'
      )
  )
  
  data = [bar_MMCAlist, bar_MMCAsale]
  layout = go.Layout(
      barmode='group',
      xaxis=dict(nticks=13),
  )
  
  fig = go.Figure(data=data, layout=layout)
  
  plot_url = py.plot(fig, filename = 'Yearly Performance')
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a href="https://plot.ly/~ryebooks/14/" target="_blank" title="Listings vs Sales" style="display: block; text-align: center;"&gt;&lt;img src="https://plot.ly/~ryebooks/14.png" alt="Listings vs Sales" style="max-width: 100%;width: 1620px;"  width="1620" onerror="this.onerror=null;this.src='https://plot.ly/404.png';" /&gt;&lt;/a&gt;
      &lt;script data-plotly="ryebooks:14"  src="https://plot.ly/embed.js" async&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>