title: AngularJS - Angularchart - Error has no method 'width'
body: <p>when I try to use Angular-chart, I have got this error :</p>
  
  <pre><code>TypeError: Object [object Object] has no method 'width'
  at e (http://localhost:8080/lib/angular/angular-charts.min.js:1:10690)
  at http://localhost:8080/lib/angular/angular.js:6680:44
  at nodeLinkFn (http://localhost:8080/lib/angular/angular.js:6271:13)
  at compositeLinkFn (http://localhost:8080/lib/angular/angular.js:5678:15)
  at nodeLinkFn (http://localhost:8080/lib/angular/angular.js:6265:24)
  at compositeLinkFn (http://localhost:8080/lib/angular/angular.js:5682:15)
  at compositeLinkFn (http://localhost:8080/lib/angular/angular.js:5685:13)
  at compositeLinkFn (http://localhost:8080/lib/angular/angular.js:5685:13)
  at publicLinkFn (http://localhost:8080/lib/angular/angular.js:5587:30)
  at http://localhost:8080/lib/angular/angular.js:1306:27 &lt;div ac-chart="chartType" ac-data="data"     ac-config="config" id="chart" class="chart ng-isolate-scope"&gt; 
  </code></pre>
  
  <p>Do you know how to fix this ? I haven't found anything helpful on internet.</p>
  
  <p>Here is my code :</p>
  
  <p>HTML</p>
  
  <pre><code> &lt;!doctype html&gt;
  
  &lt;html lang="en" ng-app="MYaPP"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;myApp&lt;/title&gt;
    &lt;link rel="stylesheet" href="css/app.css"&gt;
    &lt;script src="lib/angular/angular.js"&gt;&lt;/script&gt;
    &lt;script src="lib/angular/angular-route.js"&gt;&lt;/script&gt;
    &lt;script src="lib/angular/angular-charts.min.js"&gt;&lt;/script&gt;
    &lt;script src="js/app.js"&gt;&lt;/script&gt;
    &lt;script src="/socket.io/socket.io.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="top" align="center"&gt; Risk Proxy Manager &lt;/div&gt;
  
  &lt;br&gt;&lt;/br&gt;
  
  
  
  &lt;div class="plotGraph" ng-controller='plotGraph'&gt;
      &lt;div ac-chart="chartType" ac-data="data" ac-config="config" id='chart' class='chart'&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>App:</p>
  
  <pre><code>var myApp = angular.module('myApp', ['angularCharts']);
  
  function plotGraph($scope){
  console.log("And here is the graph part");
  
  //Graph
  $scope.data = {
      series: ['Sales', 'Income', 'Expense', 'Laptops', 'Keyboards'],
      data : [{
          x : "Sales",
          y: [100,500, 0],
          tooltip:"this is tooltip"
      },
      {
          x : "Not Sales",
          y: [300, 100, 100]
      },
      {
          x : "Tax",
          y: [351]
      },
      {
          x : "Not Tax",
          y: [54, 0, 879]
      }]     
  }
  
  $scope.chartType = 'bar';
  
  $scope.config = {
      labels: false,
      title : "Not Products",
      legend : {
          display:true,
          position:'left'
      }
  }
  
  $scope.config1 = {
      labels: false,
      title : "Products",
      legend : {
          display:true,
          position:'right'
      }
  }
  }
  </code></pre>
  
  <p>And the css :</p>
  
  <pre><code>.graph{
      float:left;
  width: 50%;
  height:400px;
  }
  </code></pre>
  
  <p>///////////////////////////////////////////////////////////////////////////////////////////////////
  Thank you</p>