Highcharts-ng 未显示饼图
highcharts-ng is not displaying pie chart
本文关键字:显示 Highcharts-ng 更新时间:2023-09-26
我遵循示例"http://jsfiddle.net/pablojim/cp73s/",但在我的应用程序中饼图未显示。我没有使用jquery。
_______app.js_____
var app = angular.module('abc', [
'highcharts-ng'
]);
state('app.graph', {
url: '/graph',
templateUrl: appHelper.templatePath('app/graph/piechart'),
controller: 'graphCtrl'
}).
______控制器____
angular.module('abc').controller('graphCtrl', function ($scope) {
$scope.highchartsNG = {
options: {
chart: {
type: 'pie'
}
},
series: [{
data: [20, 20, 12, 8, 7]
}],
title: {
text: 'Hello'
},
loading: false
}
});
____index.html____
<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/adapters/standalone-framework.js"></script>
<script src="bower_components/highcharts-ng/dist/highcharts-ng.js"></script>
<script src="bower_components/highcharts-ng/dist/highcharts-ng.min.js"></script>
_____pie.html_____
[....
<highchart id="chart1" config="highchartsNG"></highchart>
....][1]
我想你又缺少一个文件。只需包括上面的"highstock.js"
highcharts-ng.js
希望这将解决您的问题。
var myapp = angular.module('myapp', ["highcharts-ng"]);
angular.module('myapp').controller('graphCtrl', function ($scope) {
$scope.highchartsNG = {
options: {
chart: {
type: 'column'
}
},
series: [{
data: [20, 20, 12, 8, 7]
}],
title: {
text: 'Hello'
},
loading: false
}
});
为您创建小提琴...http://jsfiddle.net/anilram25/nfg8kqkn/1/
相关文章:
- 添加ng单击到highcharts ng柱状图xAxis标签
- Angular Highcharts ng如何将其他数据系列设置为工具提示
- sqlite选择的数据没有显示给ng重复
- ng-class 用于突出显示基于 ng 重复的活动菜单项.AngularJS.
- 如何在 AngularJS 中同时使用 Angular-gridster 和 Highcharts-NG 指令
- Angularjs ng 网格,当某些 ng 网格选项中的列 Def 在多 ng 网格显示期间不同时,无法显示某些 ng
- AngularJS:字体真棒喜欢按钮未显示在ng-show下
- 如何使用highcharts-ng和angularjs绘制多个highcharts
- 无法在 meanjs 中使用 highcharts-ng 创建图形.如何从 MEANJS 中的现有表创建图形
- Highcharts-ng 未显示饼图
- 页面加载时未显示角度 ng 重复
- 角度指令未显示在ng-Switch中
- 显示带有ng重复的JSON
- 过滤结果以显示与ng匹配的结果显示angular js
- Angular:循环并显示从ng中的特定$index开始的所有值
- Angular未在表行中显示数据.ng重复不起作用
- 只有$touch为true时才会显示angular ng消息
- 不显示具有Highcharts ng的图表
- 用highcharts-ng动画显示皮哈特起始角的变化
- Highcharts NG一次只显示一个点.动画