Question

我使用index.html文件将网页应用程序页面设置为我的登录页面。在成功登录后，我想用 routeProvider 加载页面，其中我使用图表绘制图表。当我在logg中加载index.html时，我有错误，甚至在我使用图表的页面中也没有。

我的错误看起来像是

Error: Please set height and width for the 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">

这是我的html文件，其中我有图表

<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>

这是我的这个div的css内容

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

我的路由配置

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'
    });
});

并且在控制器中我在成功登录后登录此图表的数据，登录后我在页面上获取数据，除了这些图表。

为什么我甚至没有加载这个页面时出现这个错误我只有index.html页面，我没有使用图表，只是在登录后

如何在默认页面上显示字符？

0 个答案: