我正試圖用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];
我覺得我已經做了的鏈路所需的步驟,但我仍然有:
你從哪裏得到'labels'和'data'?它是通過Ajax還是在你的控制器中是一個靜態的JSON? –
你是否也參考了Angular.js? – Weedoze
您是否將chart.js注入到模塊中? angular.module('myModule',['chart.js']); 您發佈的代碼沒有問題,所以請發佈完整的控制器和html。 – marton