The connect-it from n-yousefi

View Code? Open in Web Editor NEW

<connect-it> is a web component that allows you to create various types of diagrams, such as flowcharts, mind maps, network diagrams, org charts, and flow diagrams.

License: Apache License 2.0

JavaScript 100.00%

connect-it's People

Contributors

Stargazers

Watchers

connect-it's Issues

Not working graph

Hello. I have linked your library to my project like this:

Run the npm command ($ npm install connect-it).
Transferred all root files and folders dist and src to your project.
Connected the connect-it/dist/connect-it.js script.
In the required php file, I inserted into my div block:

<connect-it>
    <nodes>
        <div class="rs" id="node_0">
            <span class="view-element-text">First</span>
        </div>
        <div class="rs" id="node_1">
            <span class="view-element-text">Second</span>
        </div>
   </nodes>

    <shapes>
        <shape name="shape_triangle" type="triangle" size="10" color="#333"></shape>
    </shapes>

    <edges>
         <edge from="node_0" to="node_1" color="#333" marker-end="shape_triangle"></edge>
    </edges>
</connect-it>

When I view the page, I get the following error:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'x')
    at d (Calc.js:76:14)
    at f (Calc.js:87:10)
    at VDOM.js:30:22
    at Array.forEach (<anonymous>)
    at VDOM.js:29:22
    at Array.forEach (<anonymous>)
    at l.getLinks (VDOM.js:28:16)
    at new l (VDOM.js:10:23)
    at Main.js:13:19
    at Main.js:32:7
d @ Calc.js:76
f @ Calc.js:87
(анонимная) @ VDOM.js:30
(анонимная) @ VDOM.js:29
getLinks @ VDOM.js:28
l @ VDOM.js:10
(анонимная) @ Main.js:13
(анонимная) @ Main.js:32
Объект Promise.then (асинхронный)
onLoad @ Main.js:31
m @ Main.js:11
(анонимная) @ Main.js:42
(анонимная) @ Main.js:42

Maybe you need to include also the old library: https://github.com/n-yousefi/Arg-Graph?
Please tell me what am I doing wrong.

P.S.: And I also didn’t quite understand if there is a refresh command in this library.

Recommend Projects