Добавьте ZingChart-AngularJS в приложение Kibana - zingchart не определен - PullRequest
Новая
       8

Добавьте ZingChart-AngularJS в приложение Kibana - zingchart не определен

0 голосов
/ 30 августа 2018

Я создаю приложение-плагин для Kibana 6.2.4, и я хотел бы добавить два типа диаграмм. Я установил ZingChart-AngularJS с помощью npm и внедрил модуль zingchart в свое приложение.

Это мой app.js: 

import { uiModules } from 'ui/modules';
import uiRoutes from 'ui/routes';
import 'zingchart-angularjs';
import 'ui/autoload/styles';
import './less/style.less';
import index from './templates/index.html';

uiRoutes.enable();
uiRoutes
.when('/', {
  template: index,
  controller: 'getAllAlertsController',
  controllerAs: 'controller'
});
uiModules
.get('app/my_alerts',['zingchart-angularjs'])
.controller('getAllAlertsController', function ($scope) {  
  $scope.myData = [1,4,5,5,10];
});

А это мой index.html: 

<script src="https://cdn.zingchart.com/zingchart.min.js"></script>  
<script src="https://cdn.zingchart.com/angular/zingchart-angularjs.js"> </script>

<div class="container">
    <div class="row col-md-12 panel-default">
        <div class="panel-heading"> 
            <h1> My Alerts </h1> 
        </div>          
        <div class="panel-body"> 
             <zingchart id="chart-1" zc-values="controller.myData"></zingchart>  
        </div>
    </div>
</div>

Я проверяю сеть браузера и все загружено! Но у меня в консоли есть такая ошибка: zingchart не определен

Это мой package.json: 

{
  "name": "my_alerts",
  "version": "0.0.1",
  "description": "An awesome Kibana plugin",
  "main": "index.js",
  "kibana": {
    "version": "6.2.4"
  },
  "scripts": {
    "lint": "eslint",
    "start": "plugin-helpers start",
    "test:server": "plugin-helpers test:server",
    "test:browser": "plugin-helpers test:browser",
    "build": "plugin-helpers build",
    "postinstall": "plugin-helpers postinstall"
  },
  "devDependencies": {
    "@elastic/eslint-config-kibana": "0.0.2",
    "@elastic/plugin-helpers": "^6.0.0",
    "babel-eslint": "4.1.8",
    "chai": "^3.5.0",
    "eslint": "1.10.3",
    "eslint-plugin-mocha": "1.1.0"
  },
  "dependencies": {
    "zingchart-angularjs": "^1.2.0"
  }
}

Я что-то пропустил? Кто-нибудь работал с Кибаной и вводил какой-то пакет?

...