Форум программистов, компьютерный форум, киберфорум
Другие языки программирования
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 18.03.2020
Сообщений: 1
1

[Graphviz / DOT] Пытаюсь настроить приближение графа при открытии файла html

18.03.2020, 17:07. Показов 329. Ответов 0
Метки нет (Все метки)

Я думаю, что-то нужно сделать с параметром fit


1.Пробовала zoom, но он убирает всю динамику графа и портит его качество. Мне правки нужно внести именно в html код (python кода у меня нет от данного графа)
2. Пробовала также через:
/* var afterzoomlimit = { //here we are setting the zoom limit to move to
scale: 1.8,
}*/
-не вышло






Вот код графа:


Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
// initialize global variables.
        var edges;
        var nodes;
        var network; 
        var container;
        var options, data;
    
        
        // This method is responsible for drawing the graph, returns the drawn network
        function drawGraph() {
            var container = document.getElementById('mynetwork');
            
             // parsing and collecting nodes and edges from the python
    nodes = new vis.DataSet([{"color": "#9b1118", "font": {"color": "black"}, "id": "\u0410-2003", "label": "\u0410-2003", "shape": "dot", "title": ""}, //здесь дальше очень много текста, его опустила
     edges = new vis.DataSet([{"from": "\u0410-2003", "to": "PDSA 2004"}, {"from": "\u0411-1", "to": "LIRA 0094RI"}, //здесь дальше очень много текста, его опустила
    // adding nodes and edges to the graph
            data = {nodes: nodes, edges: edges};
            
            
    
    
    
            var options = {
        "configure": {
            "enabled": false
        },
        "edges": {
            "color": {
                "inherit": true
            },
            "smooth": {
                "enabled": false,
                "type": "continuous"
            }
        },
        "interaction": {
            "dragNodes": true,
            "hideEdgesOnDrag": false,
            "hideNodesOnDrag": false
        },
        "physics": {
            "enabled": true,
            "stabilization": {
                "enabled": true,
                "fit": true,
                "iterations": 1000,
                "onlyDynamicEdges": false,
                "updateInterval": 50
            }
        }
    };
            
            
    
            // default to using dot shape for nodes
            options.nodes = {
                shape: "dot"
            }
            
    
            network = new vis.Network(container, data, options);
            
    
        /*  network.on("zoom",function(){ //while zooming 
        if(network.getScale() <= 1.8% )//the limit you want to stop at
        {
            network.moveTo(afterzoomlimit); //set this limit so it stops zooming out here
        } 
    });*/
    
    
    
            
            network.on("stabilizationProgress", function(params) {
                document.getElementById('loadingBar').removeAttribute("style");
                var maxWidth = 496;
                var minWidth = 20;
                var widthFactor = params.iterations/params.total;
                var width = Math.max(minWidth,maxWidth * widthFactor);
    
                document.getElementById('bar').style.width = width + 'px';
                document.getElementById('text').innerHTML = Math.round(widthFactor*100) + '%';
            });
            network.once("stabilizationIterationsDone", function() {
                document.getElementById('text').innerHTML = '100%';
                document.getElementById('bar').style.width = '496px';
                document.getElementById('loadingBar').style.opacity = 0;
                // really clean the dom element
                setTimeout(function () {document.getElementById('loadingBar').style.display = 'none';}, 500);
            });
            
    
            return network;
    
        }
    
        drawGraph();
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
18.03.2020, 17:07
Ответы с готовыми решениями:

Чтение графа из XML файла и визуализация в Graphviz
Добрый день, мне нужно сделать 1. чтение графа, описанного в xml файле в какую-нибудь...

Graphviz. Ошибка "dot: can't open dot"
Здравствуйте. Пытаюсь разобраться с Graphviz для визуализации графа, в интернете был найден такой...

DOT GraphViz
День добрый, подскажите как выравнять графы, и вообще сделать более похожим :wall: digraph {...

Не загружаются стили при открытии html файла
Уважаемые форумчане! Имеется html файл с подключенным css, при запуске этого html файла не...

__________________
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.03.2020, 17:07

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

После манипуляций с Normal.dot при каждом открытии Word возникает ошибка
Здравствуйте, стало появляться такое сообщение: Could not load some objects because they are not...

Передача запроса при открытии html-файла из командной строки
Суть проблемы такова, надо в Винде из под FAR запустить просмотр C:help.html с передачей запроса...

Пытаюсь написать змейку на ATmega32 на си вывод на 8x8 dot matrix display
Я понимаю в чём ошибка но не могу придумать алгоритм получше.... можно ли как-нибудь избежать...

Как настроить вид IE при открытии новой страницы из ASP?
Как настроить вид IE при открытии новой страницы из ASP, т.е. убрать строку состояния, адресную...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.