我以下示例爲「http://jsfiddle.net/pablojim/cp73s/」,但在我的應用程序餅圖中未顯示。我沒有使用jquery。highcharts-ng不顯示餅圖
_______ app.js _____
var app = angular.module('abc', [
'highcharts-ng'
]);
state('app.graph', {
url: '/graph',
templateUrl: appHelper.templatePath('app/graph/piechart'),
controller: 'graphCtrl'
}).
______controller____
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]
是否有在控制檯的任何錯誤? –
它顯示帶圖表標題的空白頁面 – NG51214
您的選項(如'series'或'title')應放置在'options'中。現在你的圖表正在渲染正確,但你根本沒有設置任何**選項。 –