highcharts-ng不显示饼图

Question

我以下示例为“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' 
    }). 

______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] 

Answer 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/