0
你好我正在嘗試渲染一個來自Angular-Charts網站的簡單例子,我甚至無法渲染它。我假設因爲我的Angular指令沒有加載或什麼。Angular-Charts not rendering
的index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="js/dist/angular-chart.css"/>
<link rel="stylesheet" href="css/angular.css"/>
</head>
<body>
<canvas id="line" class="chart chart-line" chart-data="data"
chart-labels="labels" chart-legend="true" chart-series="series"
chart-click="onClick" >
</canvas>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.min.js"></script>
<script src="js/dist/angular-chart.js"></script>
<script src="js/chart.js"></script>
</body>
</html>
chart.js之
angular.module("app", ["chart.js"]).controller("LineCtrl", function ($scope) {
$scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
$scope.series = ['Series A', 'Series B'];
$scope.data = [
[65, 59, 80, 81, 56, 55, 40],
[28, 48, 40, 19, 86, 27, 90]
];
$scope.onClick = function (points, evt) {
console.log(points, evt);
};
});
錯誤:指令graphLine的無效隔離範圍定義:=? at error(native) at – user2402107
你有一個相當過時的角度版本 - 嘗試更新的CDN [https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js ](https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js) – Kyle
你是對的! – user2402107