來自Chart.js的角度圖表

-4

我想用angularjs繪製圖表，使用MIT許可下的chart.js。我寧願使用像，來自Chart.js的角度圖表

有人可以請參考我的工作示例，以便我可以研究並根據需要進行更改。

謝謝。

來源

2017-08-28 sand

下面的演示，你試過找教程？一眼看來，似乎已經有好幾個了。 – nondestructive

查看使用angular-chart.js

DEMO

angular.module("app", ["chart.js"]).controller("DoughnutCtrl", function ($scope) { 
 
    $scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"]; 
 
    $scope.data = [300, 500, 100]; 
 
});

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8" /> 
 
    <title>Multi Slot Transclude</title> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script> 
 
</head> 
 
<body ng-app="app" ng-controller="DoughnutCtrl"> 
 
    <canvas id="doughnut" class="chart chart-doughnut" 
 
     chart-data="data" chart-labels="labels"> 
 
     </canvas> 
 
</body> 
 
</html>

來源

2017-08-28 05:26:37 Sajeetharan

布拉沃！有效。感謝如此快速的迴應。 – sand

來自Chart.js的角度圖表

回答

相關問題