Kibanaプラグインで visualization ディレクティブを使用したい

お世話になっております。

kibana6.0.0-rc2にて下記に記載されている、 ディレクティブを使ったVisualizeのサンプルコードを、
動作させたいのですが、サーバコンソール、ブラウザコンソールにエラーは出力されていないのですが、
Visualizeが表示されず真っ白な画面となっております。
https://www.elastic.co/guide/en/kibana/master/development-embedding-visualizations.html

・コードは下記の通りです。

index.html

<div ng-controller="KbnTestController" class="test_vis">
  <visualization vis='vis' vis-data='visData'></visualize>
</div>

・app.js

import { uiModules } from 'ui/modules';
import uiRoutes from 'ui/routes';
import template from './template/index.html';
import { VisProvider } from 'ui/vis';
import './less/app.less';
import 'ui/courier';
import 'ui/modals';

uiRoutes.enable();
uiRoutes
.when('/', {
  template
});

uiModules.get('kibana')
.controller('KbnTestController', function ($scope, Private) {
  const Vis = Private(VisProvider);
  const visConfig = {
    type: 'metric'
  };
  $scope.vis = new Vis('b9e56600-a27d-11e7-94dc-eb7c16196973', visConfig);
  $scope.visData = [{ columns: [{ title: 'Count' }], rows: [[ 1024 ], [ 256 ]] }];
});

・app.less

@import (reference) "~ui/styles/mixins.less";

.test_vis-app {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}

.test_vis, visualize, visualization {
  display: flex;
  flex: 1 1 100%;
}

どのように修正すれば、Visualizeを表示することが出来るのか、ご教示いただけないでしょうか。
よろしくお願いいたします。

 $scope.vis = new Vis('b9e56600-a27d-11e7-94dc-eb7c16196973', visConfig);

とありますが、Embedding Visualizationsでは、Visのコンストラクターの第1引数はindexPatternとなっています。指定されているインデックスがあるということでしょうか?UUIDっぽく見えるのですが。

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.