Stack Overflow
Stack Overflow

Questions tagged [react-vis-network]

12 questions
3
votes
0 answers

New node always appear in the center

Given the following: const nodes = new DataView(nodeData); // Somewhere in the code, I call this to add new node whenever I click on a node nodes.add({id: 1, label: "newNode"}); My issue is, when the new node is added, it always appear at the…
iPhoneJavaDev
  • 821
  • 5
  • 33
  • 78
3
votes
2 answers

Vis js network - align label with one letter in node

I have to align label with one letter (number) inside node using vis js network. As documentation says, there is font.align property inside node option and by default it's set to center. It looks nice when there are more than one letter in label:…
Vyacheslav Kovalchuk
  • 353
  • 3
  • 8
2
votes
1 answer

Shiny Visnetwork Interactions & Events

I'm trying to create the effect of an interactive legend for a network visualization. Ideally, I'd like the user to be able to click a legend node and it would highlight/focus in the larger network chart. I have a similar network chart I've been…
Dgamelin
  • 83
  • 7
2
votes
2 answers

duplicate node id's when attempting to re-render vis network canvas on state change

I am currently mapping nodes and edges within a network component based on my component State. When my component loads, the canvas seems to be properly rendering the network, however as soon as I change the state, some of the old nodes are preserved…
glls
  • 2,325
  • 1
  • 22
  • 39
1
vote
0 answers

Show Chart from Previous Node if Data does not exist for the current node in React

I am currently working on implementing a chart which has different nodes (Network Chart). Initially when the page is rendered, an API call is made which show network chart with different nodes. User can doublelick on Node and it will render a new…
Rasik Jain
  • 1,026
  • 6
  • 14
1
vote
0 answers

How to fix error: Cant find variable document when I run react vis network in android?

I know that exist other questions like this, but I didn't find any question like this related with react-vis-network, none of the answers that I found solve my problem. I am trying to use react vis network in android, but when I run my error I get…
Ziliom Brom
  • 63
  • 1
  • 6
1
vote
1 answer

Treemap from from react-vis Not Displaying As Expected

I am trying to use renderMode: 'DOM', for mode: 'circlePack', which should display the following image, it only works when I have renderMode set to 'SVG': When I set renderMode to 'DOM', I get the following, onLeafClick, onLeafMouseOver and…
Thobs More
  • 63
  • 11
1
vote
1 answer

Mouseover not getting triggered when two line mark series are overlapping in react-vis

In my application, I am using react-vis to display two line mark series. When the mouse hovers on the mark, a hint is shown. In certain cases, this mouse over is not getting triggered. I have given the code below. import React, { Component } from…
Subramony_Mahadevan
  • 11
  • 2
0
votes
0 answers

Vis js network wheel scroll + shift press zoom issue

Unable to control the wheel interaction in vis js network graph. I want if the user press shift+wheel then only it should zoom Unable to control the wheel interaction in vis js network graph. I want if the user press shift+wheel then only it should…
aashi
  • 492
  • 3
  • 11
0
votes
0 answers

Vis.Js Node Spacing options within a network with a lot of nodes

I am trying to space out the nodes between the various nodes that are in my network. Now, the network has a lot of nodes with many relationships between them. However, no matter how much I play with the layout and hierarchical options, the nodes are…
zhouf
  • 23
  • 6
0
votes
1 answer

Weird rendering with vis-network on react

I'm using vis-network on react / next.js. When I go to a page with a network on it, the network appears in the top left corner, although the canvas fills out the entire screen (except for the navbar): I have to click the same navbar item again to…
bennetr
  • 23
  • 7
0
votes
0 answers

How to assign dynamic values within codes in react

I am using react-vis-network to create graphs. below is the syntax to use react-vis-network. const MyNetwork = () => (
techexplorer
  • 79
  • 2
  • 2
  • 8