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