Stack Overflow
Stack Overflow

Questions tagged [react-graph-vis]

18 questions
3
votes
1 answer

How to read a txt and store its data in a list?

pathfile = "C:\Users\gk\Documents\toread" readfile= open(pathfile+'.txt', 'r') I tried just to make a variable the as the redfile newList = [] newList = readfile readfile.close() so then send in a fetch that list for a graph. But I justs get a…
gagik
  • 143
  • 1
  • 5
3
votes
1 answer

How to fit or zoom out a React Vis.JS Network Graph?

Good evening, I have the following setting for my Network Graph: const exceptionsGraph = { nodes: graph, edges: edges } // Graph Options const options = { height: "80%", width: "100%", nodes: { shape: "dot", …
Jose Peres
  • 197
  • 1
  • 1
  • 18
2
votes
0 answers

How do I render clusters in React using react-graph-vis?

I'm using react-graph-vis as a React component for graphing large amounts of data. For some reason, I am unable to get the clustering function of the underlying vis.js to work. When invoked, the code simply re-renders the existing (unclustered)…
Conectere
  • 43
  • 5
2
votes
1 answer

Accessing event trigger button onclick function

I have using to react-graph-vis package like below event prop triggers when i press the graph element and events func like below const events =…
Alisan26
  • 323
  • 2
  • 12
2
votes
1 answer

How to disable checkbox for a row in rowselection in react-data-grid

({props.value}), sortable: true }, { key: 'Size', name: 'Size', width: 80, formatter: (props) => ({props.value})…
pareshm
  • 4,874
  • 5
  • 35
  • 53
2
votes
1 answer

React: how to access component function from a click event on vis.js edge?

I have a react component, like: export default class App extends Component { // ... _openDialog = () => { this.setState({ isDialogOpen: true }); }; render() { return (
…
Jie Hu
  • 539
  • 1
  • 5
  • 16
1
vote
0 answers

Plot pointers on human Image with x-axis and y-axis in ReactJS

I need help in plotting the data pointers on a human image. For example: if I have a dataset which has only X-Axis values ranging from 1 to 5. on Y-Axis - nothing. Human Image has 8 circles vertically from top to bottom, based on the data I get,…
Saahithi d
  • 11
  • 1
1
vote
0 answers

Get x and y coordinates of each node react-graph-vis

When the graph gets rendered it gives each node its x and y coordinates. My question is can I access the network and get each node coordinates. I tried using ref in order to print out the network and get the nodes details but I couldn't find…
LIOR AVIV
  • 45
  • 1
  • 5
1
vote
1 answer

How to pass Unique Id in Graphql query

I'm trying to pass a unique id to a GraphQL query to get all data against the id. But when I print the console it shows undefined. Note that if I want to see all posts the then it becomes successful by another query. in my query.js file I have …
Mir Rahat
  • 51
  • 1
  • 6
1
vote
1 answer

react-graph-vis - Grapg is not re rendering even ofter state changes

When I try to update the state on the hover event, the actual state value is getting changed but the graph is not re-rendering. in the console, I am able to see the node label is changed to sample. but the graph is not rerendering. Here is my react…
Vasu Kuncham
  • 528
  • 3
  • 14
1
vote
2 answers

can we change the color of node in react + graph

I am using the below package. I have the first and last node. I want to change its background color. nodes: [ { id: 'Node 1', label: "Node 1", title: "node 1 tootip text" ,first:true}, { id: 2, label: "Node 2", title: "node 2 tootip…
user944513
  • 12,247
  • 49
  • 168
  • 318
0
votes
1 answer

How do I reference a parameter from outside the component?

I have this Graph component from react-graph-vis and as you can see if it can be used to access the graph methods. You can access the prop (in this case named network) from inside the function, but I want to do things like on click event run a…
Mateo Covacho
  • 90
  • 5
0
votes
1 answer

how to remove "0%" at middle of graph?

I tried "stacking" and "styles" in plotOptions to remove 0% in the middle of my graph. please see my "codepen" example to understand my problem and help me out. my graph code plotOptions: { bar: { …
srinivas
  • 3
  • 3
0
votes
0 answers

react-graph-vis get access to x,y coordinates

I want to create a node graph that can be edited. So obviousely I need access to its x,y properties. How can I set the initial x,y coordinates and also access them as they update? Other libraries I saw are pretty straight forward, just add the…
omri levi
  • 1
  • 1
0
votes
0 answers

Why does text overlap using react-graph-vis?

Hi Could you please tell me Why text overlap using react + graph ?I am using this package https://www.npmjs.com/package/react-graph-vis Here is my code https://codesandbox.io/s/gifted-stallman-7h61c When data is transfer bidirectional then text is…
user12130378
1
2