minor revisions

mahdis-z · mahdis-z · commit 1f4a05de6811 · 2020-01-27T15:55:57.000-05:00
diff --git a/_posts/plotly_js/basic/sunburst/2020-01-14-inside-text-orientation.html b/_posts/plotly_js/basic/sunburst/2020-01-14-inside-text-orientation.html
@@ -6,11 +6,11 @@
 sitemap: false
 arrangement: horizontal
 markdown_content: |
-  The [insidetextorientation](https://plot.ly/javascript/reference/#sunburst-insidetextorientation) attribute controls the orientation of the texts inside slices. With 'auto' the texts may automatically be rotated to fit with the maximum size inside the slice. The other three options 'horizontal', 'radial', and 'tangential' forces text to be horizontal, radial, and tangential.
+  The [insidetextorientation](https://plot.ly/javascript/reference/#sunburst-insidetextorientation) attribute controls the orientation of the texts inside chart sectors. When set to 'auto' the texts may automatically be rotated to fit with the maximum size inside a sector. The other three options 'horizontal', 'radial', and 'tangential' first try to orient text at the 3:00, 6:00, 9:00, and 12:00 hours. If there is no enough room, then the text would be positioned in the middle of the arc.
 ---
 Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/coffee-flavors.csv', function(err, rows){
   function unpack(rows, key) {
-  return rows.map(function(row) {return row[key]});
+  return rows.map(function(row) {return row[key]})
 }
 
 var data = [{
@@ -19,9 +19,11 @@
       ids: unpack(rows, 'ids'),
       labels: unpack(rows, 'labels'),
       parents: unpack(rows, 'parents'),
-      insidetextorientation: 'radial'}];
+      textposition: 'inside',
+      insidetextorientation: 'radial'
+}]
 
-var layout = {margin: {l: 0, r: 0, b: 0, t:0}};
+var layout = {margin: {l: 0, r: 0, b: 0, t:0}}
 
 Plotly.newPlot('myDiv', data, layout)
 })
