在Angularjs中实现chart.js-Java 学习之路

我正在使用angularjs创建项目 . 在我的项目中，我使用chart.js库实现图表 . 我在实现图表时遇到问题 . 在正常的javascript图表工作正常，但在角度我有点问题 .

我正常的javascript：

var lineChartData = {
            labels :[1,4,8,6,8],
            datasets : [
                {
                   data : arr
                }] 
var ctx = document.getElementById("canvas").getContext("2d");
        window.myLine = new Chart(ctx).Line(lineChartData, {
        }); 
 console.log(window.myLine) //

在正常的javascript， window.myLine 工作正常，但我想在angularjs中

在AngularJs中：

$scope.chartLinkData = {
                            labels: mapTimeForward,
                            data: [mapValueForward, mapValueReverse]
                        };

这是普通javascript中的plunker，但我希望这是有角度的

https://plnkr.co/edit/CDWhpNP2KNB4ZZjuFFYM?p=preview

目前我正在使用以下图表：

http://jtblin.github.io/angular-chart.js/

但这里没有内部细节

1 回答

0

在chart.js之上有一个非常好的角度模块 . 要在角度应用程序中使用chart.js，您可以使用angular-chart.js

回复于 2024-04-28T07:19:50+08:00

在Angularjs中实现chart.js

1 回答

相关问题