javascript - meanjs で highcharts-ng を使用してグラフを作成できません。MEANJS の既存のテーブルからグラフを作成する方法

Question

highcharts-ng を使用して MEANJS でグラフを作成しようとしましたが、機能しません。highcharts-ng の最良の代替手段は何ですか。

1.ハイチャートをインストールしました

bower install highcharts-ng

2. applicationModuleVendorDependencies に含める

var applicationModuleVendorDependencies = ['ngResource', 'ui.router', 'ui.bootstrap', 'ui.utils','highcharts-ng'];

3.資産ライブラリに含まれています

assets: {
    lib: {
        css: [
            'public/lib/bootstrap/dist/css/bootstrap.css',
            'public/lib/bootstrap/dist/css/bootstrap-theme.css',
        ],
        js: [
            'public/lib/angular/angular.js',
            'public/lib/angular-resource/angular-resource.js', 
            'public/lib/angular-ui-router/release/angular-ui-router.js',
            'public/lib/angular-ui-utils/ui-utils.js',
            'public/lib/angular-bootstrap/ui-bootstrap-tpls.js',
            'public/lib/highstock/js/highcharts.src.js',
            'public/lib/highcharts-ng/dist/highcharts-ng.js',
            'public/lib/file-saver/FileSaver.js'
        ]

4.次のコードを Index.htm に追加します。

<div ng-app="myapp">
    <div ng-controller="myctrl">
       <div class='container'>
                    <highchart id='example1' config='config'></highchart>
        </div>
    </div>
    </div>

5. 次のコードをコントローラーに入れます

   var myapp = angular.module('myapp', ["highcharts-ng"]);

   myapp.controller('myctrl', function ($scope) {

   $scope.config = {
       options: {
           chart: {
               type: 'column'
           },
       },
       xAxis: {
           categories: ['Yes', 'No']
       },
       series: [{
           name: 'Votes',
           data: [0, 0]
       }],
       title: {
           text: 'Data-binding Example'
       },
       subtitle: {
           text: 'Is this easy?'
       },
       credits: {
           enabled: false
       },
       loading: false
   };
   

ビューにはグラフが表示されません。何か不足していますか? ありがとうございました。