Class: SVGDrawer

Extends

• bcdui.component.chart.SVGVMLDrawer

Methods

arc(args)

component/chart/drawer.js, line 308

Draw a SVG arc

Name	Type	Description
args	Object	Parameter object Name Type Default Description x number Center y number Center radius number Radius start number Start end number End effect string optional An effect to be used for areas. Possible values: linearGradient, radialPlate, linearRound, linearPlate percWidth number optional Inner radius rgb string "black" optional Fill color stroke string "black" optional Border color isFilled boolean false optional Fill area onClick function optional On click callback addAttr Object optional A set of additional string attributes to be attached to the root element

box(args)

component/chart/drawer.js, line 270

Draw a SVG box

Name	Type	Description
args	Object	Parameter object Name Type Default Description x number Left y number Top width number Width height number Height effect string optional An effect to be used for areas. Possible values: linearGradient, radialPlate, linearRound, linearPlate rgb string "black" optional Color isFilled boolean false optional Fill area onClick function optional On click callback addAttr Object optional A set of additional string attributes to be attached to the root element

circle(args)

component/chart/drawer.js, line 360

Draw a SVG circle

Name	Type	Description
args	Object	Parameter object Name Type Default Description x number Center y number Center radius number Radius effect string optional An effect to be used for areas. Possible values: linearGradient, radialPlate, linearRound, linearPlate rgb string "black" optional Color isFilled boolean false optional Fill area onClick function optional On click callback addAttr Object optional A set of additional string attributes to be attached to the root element

inherited getResult(){DomElement}

component/chart/drawer.js, line 167

Returns the a DOM element containing the SVG drawing

Returns:

Type	Description
DomElement	Returns the a DOM element containing the VML or SVG drawing

image(args)

component/chart/drawer.js, line 439

Draw an SVG image element

Name	Type	Description
args	Object	Parameter object Name Type Description x number Left y number Top width number Width height number Height href string optional The image onClick function optional On click callback addAttr Object optional A set of additional string attributes to be attached to the root element

line(args)

component/chart/drawer.js, line 226

Draw a SVG line

Name	Type	Description
args	Object	Parameter object Name Type Default Description points Array.<Array.<number>> 2 dimensional array with x,y points, args.points[0][0] being the first one effect string optional An effect to be used for areas. Possible values: linearGradient, radialPlate, linearRound, linearPlate rgb string "black" optional Line color width number 1 optional Line width isFilled boolean false optional Fill area onClick function optional On click callback addAttr Object optional A set of additional string attributes to be attached to the root element

inherited setTransScale(args)

component/chart/drawer.js, line 67

Set transform and scale

Name	Type	Description
args	Object	parameter Object Name Type Default Description scale Object {x:1,y:1} optional Default is no scaling \{ x: 1, y: 1\} transform Object optional Default is no shifting \{ x: 0, y: 0 \}

text(args)

component/chart/drawer.js, line 390

Draw a SVG text

Name	Type	Description
args	Object	Parameter object Name Type Description x number Position y number Position text string The text cssClass string optional A css class to be used align string optional Possible values middle, end layoutFlow string optional A css value lie vertical-ideographic