add textposition attr

Author: bcdunbar

_posts/plotly_js/basic/bar/2015-08-07-barchart-direct-labels.html

@@ -16,7 +16,9 @@
   x: xValue,
   y: yValue,
   type: 'bar',
-  text: ['27% market share', '24% market share', '19% market share'],
+  text: yValue,
+  textposition: 'auto',
+  hoverinfo: 'none',
   marker: {
     color: 'rgb(158,202,225)',
     opacity: 0.6,
@@ -27,25 +29,10 @@
   }
 };
 
-var annotationContent = [];
+var data = [trace1];
 
-data = [trace1];
-
-layout = {
-  title: 'January 2013 Sales Report',
-  annotations: annotationContent
+var layout = {
+  title: 'January 2013 Sales Report'
 };
 
-for( var i = 0 ; i < xValue.length ; i++ ){
-  var result = {
-    x: xValue[i],
-    y: yValue[i],
-    text: yValue[i],
-    xanchor: 'center',
-    yanchor: 'bottom',
-    showarrow: false
-  };
-  annotationContent.push(result);
-}
-
 Plotly.newPlot('myDiv', data, layout);