V Network Graph Versions Save

Bug Fix

• Fixed path drawing not being updated when edges in path prop are updated. (#143)

Bug Fix

• Fixed not using the specified node position when restoring a deleted node. (#137)

Bug Fix

• Fixed incorrect zoom value calculation results in some cases when "fit-content" was specified in configs.view.autoPanAndZoomOnLoad.

The v0.9.12 is missing because it was found that more corrections were needed after the "v0.9.12" was tagged.

Features

• Supported for fitting graphs to the edge of the display area.
  • There are two ways to do this:
    1. Specify the configs as follows

       const configs = defineConfigs({
         view: {
           autoPanAndZoomOnLoad: "fit-content",
           fitContentMargin: 0,  // default: "8%"
         }
       };
       

    2. Specify as an argument to fitToContents() method

       const graph = ref<VNetworkGraphInstance>();
       // ...
       graph.value?.fitToContents({ margin: 0 });
       

  • See below for details, including the format of the values that can be specified:
    • https://dash14.github.io/v-network-graph/reference/configurations.html
    • https://dash14.github.io/v-network-graph/reference/methods.html

Bug Fix

• Fixed an error when calculating a curve with two nodes in the same position by @hpawa in #134 (Issue #133) 😍

Bug Fix

• Fixed incorrect start node determination for paths (#131)
  • If more than two of the same edge were consecutive, the determination of the starting point could be incorrect.

Bug Fix

Performance improvement:

• Fixed to not render uselessly when VEdgeOverlay is not used by @zamplyy in #129 (Issue #130) 😍

Feature

• Add the ability to offset edge markers perpendicular to the line. (#126)
  • example

Bug Fix

• Fix incorrect display of summarized edges when both edge.type="curve" and edge.margin configurations are specified (#124)

Feature

• Add the ability to specify edge label config by lambda function.

  const configs = vNG.defineConfigs({
    // like this:
    edge: {
      label: {
        fontSize: (edge) => edge.fontSize,
      },
    },
  });