html - how to show chars on default page? -

i page web aplication index.html file login page. after succes log in want load page routeprovider using charts draw diagrams . have error when loading index.html logg in not page using charts.

my error looks

error: please set height , width chart element i@http://localhost:8080/pos/js/angular-charts.min.js:1:12049 y/<@http://localhost:8080/pos/js/angular.min.js:70:91 z@http://localhost:8080/pos/js/angular.min.js:70:149 a@http://localhost:8080/pos/js/angular.min.js:59:203 g@http://localhost:8080/pos/js/angular.min.js:51:299 g@http://localhost:8080/pos/js/angular.min.js:51:316 g@http://localhost:8080/pos/js/angular.min.js:51:316 g@http://localhost:8080/pos/js/angular.min.js:51:316 f/<@http://localhost:8080/pos/js/angular.min.js:50:415 ngviewfillcontentfactory/<.link@http://localhost:8080/pos/js/angular-route.js:983:7 z@http://localhost:8080/pos/js/angular.min.js:70:149 a@http://localhost:8080/pos/js/angular.min.js:59:203 g@http://localhost:8080/pos/js/angular.min.js:51:299 f/<@http://localhost:8080/pos/js/angular.min.js:50:415 i/<@http://localhost:8080/pos/js/angular.min.js:52:283 l@http://localhost:8080/pos/js/angular.min.js:56:293 update@http://localhost:8080/pos/js/angular-route.js:933:25 pe/this.$get</l.prototype.$broadcast@http://localhost:8080/pos/js/angular.min.js:128:120 commitroute/<@http://localhost:8080/pos/js/angular-route.js:616:15 f/<@http://localhost:8080/pos/js/angular.min.js:112:20 pe/this.$get</l.prototype.$eval@http://localhost:8080/pos/js/angular.min.js:125:301 pe/this.$get</l.prototype.$digest@http://localhost:8080/pos/js/angular.min.js:122:390 pe/this.$get</l.prototype.$apply@http://localhost:8080/pos/js/angular.min.js:126:56 l@http://localhost:8080/pos/js/angular.min.js:81:169 s@http://localhost:8080/pos/js/angular.min.js:85:301 vf/</d.onload@http://localhost:8080/pos/js/angular.min.js:86:315  <div data-ac-chart="'pie'" data-ac-data="citydata" data-ac-config="cityconf" class="chart ng-isolate-scope" id="chart"> 

here html file have charts

<div class="row-fluid magintopdiv">      <div class="span4">         <h2>city</h2>          <div              data-ac-chart="'pie'"              data-ac-data="citydata"              data-ac-config="cityconf"              class="chart" id="chart">         </div>     </div>      <div class="span4">         <h2>type</h2>          <div              data-ac-chart="'pie'"              data-ac-data="termtypedata"              data-ac-config="termtypeconf"              class="chart" id="chart">         </div>     </div>      <div class="span4">         <h2>program id</h2>          <div              data-ac-chart="'pie'"              data-ac-data="programiddata"              data-ac-config="programidconf"              class="chart" id="chart">         </div>      </div>  </div> 

here css content divs

.chart{     width: 100%;     height: 200px; } 

my config routing

app.config(function($routeprovider){     $routeprovider       .when('/', {             templateurl: 'home.htm',             controller: 'maincontroller'     })     .when('/dashboard', {             templateurl: 'home.htm',             controller: 'maincontroller'     })     .when('/archive',{             templateurl: 'problemarchive.htm',             controller: 'maincontroller'      })     .otherwise({             templateurl: 'home.htm',             controller: 'maincontroller'     }); }); 

and in controller defining data charts after successuly logg in , after login getting data on page except charts.

why have errors when not loading page have index.html page not using charts, after log in