mxStylesheet

var $styles = array()

Maps from names to styles.

function mxStylesheet()

Constructs a new stylesheet and assigns default styles.

function createDefaultVertexStyle()

Creates and returns the default vertex style.

function createDefaultEdgeStyle()

Creates and returns the default edge style.

function putDefaultVertexStyle( $style )

Sets the default style for vertices.

function putDefaultEdgeStyle( $style )

Sets the default style for edges.

function getDefaultVertexStyle()

Returns the default style for vertices.

function getDefaultEdgeStyle()

Sets the default style for edges.

function putCellStyle( $name, $style )

Stores the specified style under the given name.

Example

The following example adds a new style (called ‘rounded’) into an existing stylesheet:

var style = new Array();
style[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_RECTANGLE;
style[mxConstants.STYLE_PERIMETER] = mxPerimeter.RightAngleRectanglePerimeter;
style[mxConstants.STYLE_ROUNDED] = 'true';
graph.stylesheet.putCellStyle('rounded', style);

In the above example, the new style is an array.  The possible keys of the array are all the constants in mxConstants that start with STYLE and the values are either JavaScript objects, such as <mxPerimeter.RightAngleRectanglePerimeter> (which is in fact a function) or expressions, such as ‘true’.  Note that not all keys will be interpreted by all shapes (eg. the line shape ignores the fill color).  The final call to this method associates the style with a name in the stylesheet.  The style is used in a cell with the following code:

model.setStyle(cell, 'rounded');

Parameters

function getCellStyle( $name,    $defaultStyle  =  null )

Returns the cell style for the specified cell or the given defaultStyle if no style can be found for the given stylename.

Parameters