wazuh-kibana-app/public/kibana-integrations/kibanaVisualizationDirective.js

import $ from 'jquery';
import { getVisualizeLoader } from 'ui/visualize/loader';

var app = require('ui/modules').get('apps/webinar_app', [])
    .directive('kbnVis', [function () {
        return {
            restrict: 'E',
            scope: {
                visID: '=visId',
            },
            controller: function VisController($scope, savedVisualizations) {
                // Listen for changes
                var updateSearchSource = $scope.$on('updateVis', function (event, query, filters) {
                    $scope.savedObj.searchSource.set('query', query);
                    $scope.savedObj.searchSource.set('filter', filters);
                });

                // Initializing the visualization
                getVisualizeLoader().then(loader => {
                    savedVisualizations.get($scope.visID).then(savedObj => {
                        $scope.savedObj = savedObj;
                        loader.embedVisualizationWithSavedObject($("#"+$scope.visID), $scope.savedObj, {})
                        .then(handler => {
                            console.log('render complete', handler);
                        });
                    });
                });
            }
        }
    }]);