title: Sometimes svg chart doesn't fit in the container but it works when screen refresh
body: <p>Sometimes svg chart appear more small than normal. This problem is solved Reloading Screen.</p>
  
  <pre><code>//Values Graphic
  $scope.$watch(vm.dataGraphic.watch, function () {
      var data = vm.dataGraphic.watch ? $scope.$eval(vm.dataGraphic.watch) : vm.dataGraphic;
  
      setTimeout(sleep,500); //patch to "solve" this issue
  
      function sleep(){
          vm.dataValues = getDataValues(data);
      }
  
  });
  function getDataValues(data) {
      vm.dataGraphic = data || dataGraphicTest;
      if (vm.dataGraphic.values.length == 0) {
          return [];
      } else {
          vm.dataKeyValues = transformForKeyValues(vm.dataGraphic.values, vm.dataGraphic.accumulated);
  
          vm.barValues = transformBarValues(vm.dataGraphic.values, vm.dataGraphic.limit);
          var lineValues = transformLineValues(vm.barValues, vm.dataGraphic.limit, vm.dataGraphic.accumulated, vm.dataGraphic.startMonthlyLimit);
          vm.maxY = calculateMaxY(vm.barValues, lineValues);
  
          return [
              {
              "key": vm.dataGraphic.labelX.name,
              "bar": true,
              "color": _graphicsColors.bar,
              "values": vm.barValues
              },
              {
              "key": _graphicsValorPorDefecto,
              "color": _graphicsColors.line,
              "values": lineValues
              }
          ];
      }
  }
  </code></pre>
  
  <p>SVG element with the following html tags appears with wrong dimensions.</p>
  
  <pre><code>&lt;g class="nvd3 nv-wrap nv-linePlusBar" transform="translate(35,10)"&gt;
  </code></pre>
  
  <p>This problem does not always happen, but when it happens is arranged refreshing the screen.</p>
  
  <p>I think this patch is a bad idea and I would like to understand what is happening .</p>
  
  <p>Thanks</p>