CR.9.5  SVGShape

The SVGShape object contains a set of shapes for use with StaticShapeFrame and ShapeForm. For element properties requiring a SVGShape object, the shape can be specified as shown below.

SVGShape.CHECK

SVGShape.DOWN_ARROW

SVGShape.FACE_BLANK

SVGShape.FACE_HAPPY

SVGShape.FACE_OK

SVGShape.FACE_SAD

SVGShape.FACE_SMILE

SVGShape.FEMALE

SVGShape.LEFT_ARROW

SVGShape.MALE

SVGShape.MINUS

SVGShape.PLUS

SVGShape.RIGHT_ARROW

SVGShape.STAR

SVGShape.SUN

SVGShape.UP_ARROW

SVGShape.WARNING

SVGShape.X

SVGShape.NIL (no shape)

You can also create a custom SVGShape from an SVG image stored in the local file system or on a server.

Example 1 (Built-in SVG Shape)

dataset = [["State","Quantity"], ["NJ",200], ["NY",300]];

graph = new EGraph();

var elem = new PointElement("State","Quantity");

var shapeFrame = new StaticShapeFrame(SVGShape.FACE_HAPPY);

var sizeFrame = new StaticSizeFrame(10);

elem.setSizeFrame(sizeFrame);

elem.setShapeFrame(shapeFrame);

graph.addElement(elem);

 

Example 2 (Local SVG Shape)

dataset = [["State","Quantity"], ["NJ",200], ["NY",300]];

graph = new EGraph();

var elem = new PointElement("State","Quantity");

var svg = new SVGShape("file:\C:/HappyFaceSVG.svg");

var shapeFrame = new StaticShapeFrame(svg);

var sizeFrame = new StaticSizeFrame(10);

elem.setSizeFrame(sizeFrame);

elem.setShapeFrame(shapeFrame);

graph.addElement(elem);

Example 3(Remote SVG Shape)

dataset = [["State","Quantity"], ["NJ",200], ["NY",300]];

graph = new EGraph();

var elem = new PointElement("State","Quantity");

var svg = new SVGShape("http://www.w3.org/Icons/SVG/svg-logo.svg");

var shapeFrame = new StaticShapeFrame(svg);

var sizeFrame = new StaticSizeFrame(10);

elem.setSizeFrame(sizeFrame);

elem.setShapeFrame(shapeFrame);

graph.addElement(elem);

See Also

GShape, for information on using built-in bitmap shapes.

GShape.ImageShape, for information on using custom bitmap shapes.

ShapeForm, for information on using GShapes as decorative shapes.

StaticShapeFrame, for information on using GShapes as static shapes.

<< GShape.ImageShape.tile © 1996-2013 InetSoft Technology Corporation (v11.5) CR.10 Z-Index Defaults >>