2016-07-05 24 views
1

我正試圖用angular-chart創建圖表。然後我按照文檔中相關的步驟和要求進行了相關操作,但是我的畫布標記不顯示任何內容。AngularJs和圖表

HTML

我的佈局HTML:

<div class="content-wrapper"> <div class="container"> <section class="content"> @RenderBody() </section> </div>

我的index.html

<div ui-view="Content"> </div>

我嵌套視圖

<head> <title></title> <script src="~/Content/chartjs/Chart.js"></script> <script src="~/Content/chartjs/angular-chart.js"></script> <link rel="stylesheet" href="~/Content/chartjs/angular-chart.css" /></head> <body ng-controller="RecordCtrl"> <div class="panel-body" ng-show="true"> <canvas id="doughnut" class="chart chart-doughnut" chart-data="data" chart-labels="labels"></canvas> </div>

app.js:

var myApp = angular.module('app', ['ngRoute', 'ui.bootstrap', 'ngMaterial','chart.js']); 

JS:

$scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"]; 
$scope.data = [300, 500, 100]; 

我覺得我已經做了的鏈路所需的步驟,但我仍然有:

+0

你從哪裏得到'labels'和'data'?它是通過Ajax還是在你的控制器中是一個靜態的JSON? –

+0

你是否也參考了Angular.js? – Weedoze

+0

您是否將chart.js注入到模塊中? angular.module('myModule',['chart.js']); 您發佈的代碼沒有問題,所以請發佈完整的控制器和html。 – marton

回答