How to Implement LinkLabelRouter In GOJS Angular Component

[sandip]

I want to apply LinkLabelRouter to avoid link label overlapping.

label overlap:

[walter]

How have you defined your link template?

Where is the LinkLabelRouter.js file and what are its import statements?

[sandip]

1. Link Template:

2. .js file Location: node_modules > gojs > extensions > LinkLabelRouter

3. Here I have import statement:

[walter]

I suspect that you want to import the LinkLabelRouter.js file that is in the extensionsJSM/ subfolder. That is an ES6 module; the one in extensions/ can only be loaded via a non-module <script> tag.

[sandip]

1)Location of imported Path:

2. Imported LinkLabelRouter:
   

   

3. Declared here: Got Undefined Error
   

   

4)Here Creating myDiagram:

Got undefined error on runtime

[walter]

The Diagram.routers property is new in v3.0, so you must still be using v2.*. Evaluate go.version in the debugger.

[sandip]

1. Console Error: ERROR TypeError: node_modules_gojs_extensionsJSM_LinkLabelRouter__WEBPACK_IMPORTED_MODULE_2__.LinkLabelRouter is not a constructor
   

   

2. Add code here:
   

   

3. Project / File Path Location:
   E:\DileepK\Project\NewProject\Angular_FrontEnd\node_modules\gojs\extensionsJSM

4. Imported Path:
   

   

[walter]

I assume you are now actually using [email protected].

Is that extension file actually at that path? In v3.0 we have moved all extensions and samples and documentation to the create-gojs-kit npm package which you can install anywhere by executing npm create gojs-kit.

I suggest that you read the change log, especially: Change Log | GoJS