feat(node-ctx-renderer): add node id (#1000)

visjs · Aug 31, 2020 · 21aa7d0 · 21aa7d0
1 parent e5cce3c
commit 21aa7d0
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/docs/network/nodes.html b/docs/network/nodes.html
@@ -426,7 +426,7 @@ <h3>Options</h3>
             <td>
                 <p>The function inputs and outputs look like:</p>
                 <pre class="code">
-function ctxRenderer({ ctx, x, y, state: { selected, hover }, style, label }) {
+function ctxRenderer({ ctx, id, x, y, state: { selected, hover }, style, label }) {
   // do some math here
   return {
     // bellow arrows

diff --git a/examples/network/nodeStyles/shapes.html b/examples/network/nodeStyles/shapes.html
@@ -52,7 +52,7 @@
           id: 36, 
           label: 'custom', 
           shape: 'custom', 
-          ctxRenderer: ({ ctx, x, y, state: { selected, hover }, style }) => {
+          ctxRenderer: ({ ctx, id, x, y, state: { selected, hover }, style }) => {
             const r = style.size;
             const drawNode = () => {
               ctx.beginPath();

diff --git a/lib/network/modules/components/nodes/shapes/CustomShape.js b/lib/network/modules/components/nodes/shapes/CustomShape.js
@@ -40,6 +40,7 @@ class CustomShape extends ShapeBase {
     ctx.save();
     const drawLater = this.ctxRenderer({
       ctx,
+      id: this.options.id,
       x,
       y,
       state: { selected, hover },