Почему кнопки увеличения и уменьшения vis.js не отображаются на каждом экране графика, используемого в angular2 + - PullRequest
Новая
       25

Почему кнопки увеличения и уменьшения vis.js не отображаются на каждом экране графика, используемого в angular2 +

0 голосов
/ 04 марта 2019

Я добавил кнопку увеличения, уменьшения в сети vis.js.Это указывается в переменной взаимодействия - 

let options = {

nodes: {
    shape: 'dot',
    font: {
        size: 26,
        strokeWidth: 7
    },
    scaling: {
        label: {
            enabled: true
        }
    }
},

interaction: {
    hover: true,
    keyboard: {
        enabled: true,

        bindToWindow: false
    },
    navigationButtons: true,
    tooltipDelay: 1000000,
    hideEdgesOnDrag: true,

    zoomView: true
},

edges: {
    arrows: {
        to: { enabled: self._config.arrows || false } // FIXME: handle default value
    },
    length: 200
},
layout: {
    improvedLayout: false,
    hierarchical: {
        enabled: self._config.hierarchical || false,
        sortMethod: self._config.hierarchical_sort_method || "hubsize"

    }
},

};

Однако проблема, с которой я сталкиваюсь, заключается в том, что представление увеличения и уменьшения начинает отображаться, только если я просматриваю определенный компонент и затем просматриваюв других компонентах в Angular6.Если я сначала пройду (скажем) компонент последовательного пути на экране пользовательского интерфейса, кнопки масштабирования не появятся.Но когда я сначала перехожу из компонента отдела на экране пользовательского интерфейса, а затем к последовательному пути на экране пользовательского интерфейса, я получаю кнопки масштабирования.

В чем может быть причина?

Я даже реализовалlazy-load, где библиотека javascript vis.js загружается при загрузке каждой страницы .ie каждого компонента.

Код lazy-load берется отсюда -

Динамически загружать внешний javascriptфайл из углового компонента

...