---

name: Automatically Adjust Margins

plot_url: https://codepen.io/plotly/embed/pooamyd/?height=500&theme-id=15263&default-tab=result

language: plotly_js

suite: pie

order: 4

sitemap: false

arrangement: horizontal

markdown_content: |

The following example sets [automargin](https://plot.ly/javascript/setting-graph-size/#automatically-adjust-margins) attribute to true, which automatically increases the margin size.

---

var data = [{

type: "pie",

values: [2, 3, 4, 4],

labels: ["Wages", "Operating expenses", "Cost of sales", "Insurance"],

textinfo: "label+percent",

textposition: "outside",

automargin: true

}]

var layout = {

height: 400,

width: 400,

margin: {"t": 0, "b": 0, "l": 0, "r": 0},

showlegend: false

}

Plotly.newPlot('graph', data, layout)