when margin is changed outerWidth and outerHeight need to be recalculated

[heavysixer]

in this example outerWidth will return the wrong value because it applies margins which are then removed in the next step. Since outerWidth and outerHeight are dependent on the margin value we need to recalculate them once margin is updated.

var chart = d4.charts.donut()
    .outerWidth($('#pie').width())
    .margin({
      left: 0,
      top: 0,
      right: 0,
      bottom: 0
   })

[heavysixer]

Actually it is the height() and width() which need to be dynamically updated because the outer dimensions should stay the same irrespective of the margins.