johnnyflinn / ngcytoscape Goto Github PK

Do you think you might add an npm install for this at any point?

Multi-Graph pages cannot easily identify which event corresponds with which graph without digging through the cy object.

The bower package does not contain the commits from #28 .

Need to align graph-elements structure to be array of objects instead of obj map to align more closely with cytoscape core library.

Hi, thank you for your effort.
I'm now using ngCytoscape and try to use cytoscape-cxtmenu in github but it does not work well.
Can I have your suggestion or code fragment in order to use such external cytoscape library ?

after appling the examples I can get a display but only see positioning of nodes when specified. any layout properties I apply seem to be ignored. I did a recent install of cytoscape which I think is 3.1.2
on latest angular 1. As you can see all nodes are at 0,0

    $scope.cyt={};
    $scope.cyt.options = { 
        fit:true
       };
       $scope.cyt.layout = {name: 'grid'}  
   $scope.cyt.ready = function(evt){
      console.log('graph ready to be interacted with: ', evt);
   }

   $scope.cyt.elements = {
    n1:{
     group: 'nodes',
     data:{}
    },
    n2:{
     group: 'nodes',
     data:{}
   },
    e1:{
     group:'edges',
     data:{
      target: 'n1',  //Source and Target mandatory for edges.
      source: 'n2'
     }
    }
   }
    $scope.cyt.style = [ // See http://js.cytoscape.org/#style for style formatting and options.
      {
            selector: 'node',
            style: {
                'shape': 'ellipse',
                'border-width': 0,
                'background-color': 'blue'
            }
        }
    ];

<cytoscape 
		graph-options="cyt.options" 
		graph-elements="cyt.elements" 
		graph-layout="cyt.layout" 
		graph-style="cyt.style" 
		graph-ready="cyt.ready" >	
	</cytoscape>

Hello,

I undestand your comment about cola extention. Where we need to use only layout (that is watche by ngCytoscape).

But what about other extentions. For example: https://github.com/cytoscape/cytoscape.js-edgehandles

Where we need access to "cy" object.

Thank You.

Hi I'm a university student from University of Rome Tor Vergata and I'm developing a project for my graduate.
I'm currently using ngCytoscape and I'm having problem importing extension such like cytoscape.js-cola (Here is the link https://github.com/cytoscape/cytoscape.js-cola).
Is possible to import these type of extensions using ngCytoscape? And if so, how can I do?
Thanks for your attention!

Data property not updating when the same entity is re-added with different data properties.

Need Unit Testing for all directives and services.

I'm trying to use a layout extension, cytoscape-cola (https://github.com/cytoscape/cytoscape.js-cola) with ng-cytoscape. I'm having trouble registering the layout -- is this possible with this angular wrapper?

Setting graph-layout="{name:'cose'"} causes Cannot read property 'length' of undefined error. This only seems to happen on initialization. Other layouts do not reproduce this error.

Since I'm already moving things to Webpack / ES6, it's a good opportunity to remove the angular.forEach's and replace them with POJ For Loops. I seem to remember an old perf that proved it was faster, but since jsperf is down...no link.

Hi
It seems changes to edges, are not reflected on the graph. When loading, the graph is drawn as expected, but later adding/removal of edges seem ignored.

I have tried extending the changes on the nodes object, as in the demo - without any luck. What could be the problem?

How do we include edge styles along with node styles in your example?

Invest some time to create a 'showcase' of sorts. Similar to three.js and D3.

Hello, is it possible to display a name on each node and edge? Or a note, something. I couldn't possibly find anything in the documentation. Thank you!

Hello I have one problem. When I add new node or edge so cy moved all elements in init position.
Example: https://plnkr.co/edit/oUTVzMrIuAutK6siC4aP?p=preview
workflow-->
(1) Button click "add element"
(2) move element to new position
(3) Button click "add element"
(4) element reset position

hope you can help me..