Options.NodeStyles.js

Summary

Options.NodeStyles.js
Options.NodeStyles	Apply different styles when a node is hovered or selected.

Options.NodeStyles

Apply different styles when a node is hovered or selected.

Syntax

Options.NodeStyles = {
  enable: false,
  type: 'auto',
  stylesHover: false,
  stylesClick: false
};

Example

var viz = new $jit.Viz({
  NodeStyles: {
    enable: true,
    type: 'Native',
    stylesHover: {
      dim: 30,
      color: '#fcc'
    },
    duration: 600
  }
});

Parameters

enable	(boolean) Default’s false. Whether to enable this option.
type	(string) Default’s auto. Use this to attach the hover/click events in the nodes or the nodes labels (if they have been defined as DOM elements: ‘HTML’ or ‘SVG’, see Options.Label for more details). The default ‘auto’ value will set NodeStyles to the same type defined for Options.Label.
stylesHover	(boolean\|object) Default’s false. An object with node styles just like the ones defined for Options.Node or false otherwise.
stylesClick	(boolean\|object) Default’s false. An object with node styles just like the ones defined for Options.Node or false otherwise.