使用角度图表的甜甜圈图

Question

我试图使用角度图，并从甜甜圈图开始。我在javascript中添加了以下代码。

$scope.labels = ["Download Sales", "In-Store Sales", "Mail-Order Sales"];

$scope.data = [300, 500, 100];

$scope.color= ['#90EE90', '#FF6600', '#8080FF'];

以及以下HTML代码

<canvas id="doughnut" class="chart chart-doughnut" chart-data="data" chart-colors="color" chart-labels="labels">
    </canvas>

但是在我的HTML中什么也没有显示。我可以在DOM的HTML标记中看到带有“图表容器”类的div，但是页面中什么都没有显示。我在html中添加了 chart.js 和 angular-chart.js 脚本，并在模块中添加了依赖项 chart.js 。在这方面的任何帮助将不胜感激。