gpt4 book ai didi

javascript - AngularJs 和图表

转载 作者:行者123 更新时间:2023-11-28 05:49:24 25 4
gpt4 key购买 nike

我正在尝试使用 angular-chart 创建图表。然后我按照文档中相关的步骤和要求进行操作,但我的 Canvas 标记没有呈现任何内容。

HTML

我的布局 HTML:

<div class="content-wrapper">
<div class="container">
<section class="content">
@RenderBody()
</section>
</div>

我的索引.html

<div ui-view="Content">
</div>

我的嵌套 View

<head>
<title></title>
<script src="~/Content/chartjs/Chart.js"></script>
<script src="~/Content/chartjs/angular-chart.js"></script>
<link rel="stylesheet" href="~/Content/chartjs/angular-chart.css" /></head>
<body ng-controller="RecordCtrl">
<div class="panel-body" ng-show="true">
<canvas id="doughnut" class="chart chart-doughnut" chart-data="data" chart-labels="labels"></canvas>
</div>

app.js:

var myApp = angular.module('app', ['ngRoute', 'ui.bootstrap', 'ngMaterial','chart.js']);

JS:

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

我认为我已经完成了链接中所需的步骤,但我仍然得到:

最佳答案

这是一个JSFiddle .

请确保您引用正确的 chart.js 版本 1.1.1 Chart.js v1.1.1

angular-chart.js v0.8.8这些都是最新的,并且可以在我的 JSFiddle 中使用。

关于javascript - AngularJs 和图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38204985/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com