vis.js

Javascript visualization package for multidimentional bar chart

由 荒凉一梦 提交于 2019-12-08 06:48:00
问题 I am looking for an open source visualization package to create a 3d bar chart similar to the one I have created in excel (see image below). I have tried vis.js, but there was no way I could tell to format the 'walls' to show gridlines and a background color. If this is possible in vis.js I could do that as well, but I didnt see anything in the documentation. The features I need are: Gridlines for 'walls' background color options for 'walls' Free movement/rotation Ability to change individual

Vis.js network: how to extract customized options of a node (and an edge)?

由 时光怂恿深爱的人放手 提交于 2019-12-07 12:32:26
问题 I'm developing a simplistic graph editor using vis.js/network. Since an editor has to store the network state, I have a saving helper where I extract data from a network and store it as JSON. For now, I use seemingly quite an ugly/hacky way to extract data for storage: // get nodes and edges var nodes = network.body.data.nodes._data; // brief ones; network.body.nodes contain much more stuff (x,y, default stuff) //# look for a suitable getter var edges = network.body.data.edges._data; //

vis.js setOptions to change color on network node

由 不问归期 提交于 2019-12-06 07:31:32
I am using vis.js to display network nodes. I am parsing the node data from JSON and storing it in an array: $.each(jsonObj, function(i, val) { var itemId = val.id; var itemGroup = val.group; var itemLabel = val.label; var itemLevel = val.level; var itemData = val.nodeData; var itemX = val.x; var itemY = val.y; var nodeData = JSON.parse(val.nodeData); nodes[nodeCnt] = { id: itemId, group: itemGroup, label: itemLabel, level: itemLevel, title: itemData, x: itemX, y: itemY, font: { color: colour }, color: { border: colour }}; nodeCnt++; } This work perfectly and I can display my network: var data

vis.js simple example: edges do not show

由 China☆狼群 提交于 2019-12-06 04:28:47
I working on a simple network visualization example based on vis.js. I have 5 nodes and 6 edges which I store in a JSON file. The edges do not show up, whereas they do in the examples given on the vis.js homepage. Code: HTML-File: <!doctype html> <html> <head> <title>Cryring Topology</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript" src="vis.js"></script> <link href="vis.css" rel="stylesheet" type="text/css" /> <style type="text/css"> #mynetwork { width: 1200px; height:1200px; border: 1px solid

Need help in creating network graph using visjs in angularjs

由 别等时光非礼了梦想. 提交于 2019-12-06 01:36:09
I need help in making this plunker work something similar to this vis example in angularjs. I am using <vis-network data="data" options="options"></vis-network> tag and below data and options data var nodes = [ {id: 1, label: 'Node 1'}, {id: 2, label: 'Node 2'}, {id: 3, label: 'Node 3'}, {id: 4, label: 'Node 4'}, {id: 5, label: 'Node 5'} ]; var edges = [ {from: 1, to: 3}, {from: 1, to: 2}, {from: 2, to: 4}, {from: 2, to: 5} ]; $scope.data = VisDataSet({ nodes: nodes, edges: edges }); options $scope.options = { autoResize: true, height: '100%', width: '100%' }; There is no console error, what

Vis.js network: how to extract customized options of a node (and an edge)?

由 泪湿孤枕 提交于 2019-12-06 00:18:58
I'm developing a simplistic graph editor using vis.js/network. Since an editor has to store the network state, I have a saving helper where I extract data from a network and store it as JSON. For now, I use seemingly quite an ugly/hacky way to extract data for storage: // get nodes and edges var nodes = network.body.data.nodes._data; // brief ones; network.body.nodes contain much more stuff (x,y, default stuff) //# look for a suitable getter var edges = network.body.data.edges._data; // network.body.data.edges._data is a hash of { id: , from: , to: } // get node positions var positions =

How to add zoom in zoom out buttons in visjs using angularjs?

由 人走茶凉 提交于 2019-12-05 18:55:14
Need help in having a zoom in and zoom out button in visjs network graph using angularjs, I could not find any relevant options for this. Please help, I am also providing a plunker link as an example Code <vis-network data="data" options="options" height="100%"></vis-network> $scope.options = { autoResize: true, height: '800', width: '100%' }; Take a look at the interaction, navigationButtons option. It has built in controls for zoom, pan and reset view. You need to change your vis options to include navigationButtons: true and keyboard: true to have keboard shortcuts enabled $scope.options =

Stop vis.js physics after nodes load but allow drag-able nodes

由 痞子三分冷 提交于 2019-12-05 16:23:42
问题 I am trying to draw a vis.js network diagram and have vis load and position the nodes. I then want the physics to be disabled so the nodes can be moved by the user. I have tried this but it is not working. var options = { nodes: { borderWidth:4, size:60, color: { border: '#222222', background: 'grey' }, font:{color:'black'} }, edges: { arrows: { to: {enabled: false, scaleFactor:1}, middle: {enabled: false, scaleFactor:1}, from: {enabled: false, scaleFactor:1} }, color: 'black' }, { physics:

import json file to create a network in vis.js

由 假装没事ソ 提交于 2019-12-05 01:45:32
问题 I am using vis.js to create a mapping, I using file saveAndLoad.html in the example code. The save function is good, I can export json file. But when I load the json file in import function it doesn't create a mapping for me. I don't know what is my misunderstanding please help. this is the import function. function importNetwork() { /*var inputValue = exportArea.value; var inputData = JSON.parse(inputValue); var data = { nodes: getNodeData(inputData), edges: getEdgeData(inputData) } network

Set Zoom Level in Vis.js

由 送分小仙女□ 提交于 2019-12-04 22:17:42
问题 I have a network that I'm building with vis.js, but it is too large width-wise to fit in the pages' container. The network runs left to right and contains steps about a specific process. As a person completes tasks, a server feeds new JSON records to update the colors. I can't change the container size due to the layout. When the network loads, it causes the font to be incredibly small and unreadable. Is there a way I could set the zoom level as an option so that only the current step in the
订阅 vis.js