Graph.Plot.js

getLabelContainer: function()

Lazy fetcher for the label container.

Returns

The label container DOM element.

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
var labelContainer = rg.fx.getLabelContainer();
alert(labelContainer.innerHTML);

getLabel: function( id )

Lazy fetcher for the label DOM element.

Parameters

Returns

The label DOM element.

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
var label = rg.fx.getLabel('someid');
alert(label.innerHTML);

hideLabels: function ( hide )

Hides all labels (by hiding the label container).

Parameters

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
rg.fx.hideLabels(true);

clearLabels: function( force )

Clears the label container.

Useful when using a new visualization with the same canvas element/widget.

Parameters

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
rg.fx.clearLabels();

disposeLabel: function( id )

Removes a label.

Parameters

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
rg.fx.disposeLabel('labelid');

hideLabel: function( node, flag )

Hides the corresponding Graph.Node label.

Parameters

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
rg.fx.hideLabel(rg.graph.getNode('someid'), false);

sequence: function( options )

Iteratively performs an action while refreshing the state of the visualization.

Parameters

• condition A function returning a boolean instance in order to stop iterations.
• step A function to execute on each step of the iteration.
• onComplete A function to execute when the sequence finishes.
• duration Duration (in milliseconds) of each step.

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
var i = 0;
rg.fx.sequence({
  condition: function() {
   return i == 10;
  },
  step: function() {
    alert(i++);
  },
  onComplete: function() {
   alert('done!');
  }
});

animate: function( opt, versor )

Animates a Graph by interpolating some Graph.Nodes properties.

Parameters

• modes (required) An Array of animation types.  Possible values are “linear”, “polar”, “moebius”, “fade:nodes” and “fade:vertex”.

”linear”, “polar” and “moebius” animation options will interpolate Graph.Nodes “startPos” and “endPos” properties, storing the result in “pos”.

”fade:nodes” and “fade:vertex” animation options will interpolate Graph.Nodes and/or Graph.Adjacence “startAlpha” and “endAlpha” properties, storing the result in “alpha”.

• duration Duration (in milliseconds) of the Animation.
• fps Frames per second.
• hideLabels hide labels or not during the animation.

...and other Hypertree, RGraph or ST controller methods.

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
rg.fx.animate({
  modes: ['linear'],
  hideLabels: false
});

plot: function( opt, animating )

Plots a Graph.

Parameters

Example

var rg = new RGraph(canvas, config); //can be also Hypertree or ST
rg.fx.plot();

plotLabel: function( canvas, node, controller )

Plots a label for a given node.

Parameters

plotNode: function( node, canvas, animating )

Plots a Graph.Node.

Parameters

plotLine: function( adj, canvas, animating )

Plots a line.

Parameters

fitsInCanvas: function( pos, canvas )

Returns true or false if the label for the node is contained in the canvas dom element or not.

Parameters

Returns

A boolean value specifying if the label is contained in the Canvas DOM element or not.