RectangleConfig

interface RectangleConfig<A extends Annotation, C extends Chart>

An interface that defines the parameters for a call to the rectangle rendering function.

Type parameters

A: Annotation

C: Chart

Properties

annotations

annotations: A []

A list of Annotation objects that will be used to render the glyphs.

chart

chart: C

The Chart object in which the glyphs will be rendered.

fillColor

fillColor: undefined | string | GlyphCallback <A, C, string>

This defines the fill color of the glyph.

fillOpacity

fillOpacity: undefined | number | GlyphCallback <A, C, number>

This defines the fill opacity of the glyph.

height

height: undefined | number | GlyphCallback <A, C, number>

This defines the pixel height of the glyph.

row

row: undefined | number | GlyphCallback <A, C, number>

This defines the row that the glyph is placed in.

rx

rx: undefined | number | GlyphCallback <A, C, number>

This controls the y-axis radius of the rectangle. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx

ry

ry: undefined | number | GlyphCallback <A, C, number>

This controls the x-axis radius of the rectangle. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/ry

selector

selector: undefined | string

The string that will be used to uniquely identify the call to the glyph rendering function. In the DOM, the glyphs’ elements will have this assigned as an ID. If the same selector is supplied to two distinct calls to the same glyph function, the rendering results of the first call will be cleared and replaced with the results of the second.

strokeColor

strokeColor: undefined | string | GlyphCallback <A, C, string>

This defines the color of the border around the glyph.

strokeDashArray

strokeDashArray: undefined | string | GlyphCallback <A, C, string>

This defines the stroke dash array of the glyph. See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray

strokeDashOffset

strokeDashOffset: undefined | string | GlyphCallback <A, C, string>

This defines the offset for the stroke dash array (if supplied) of the glyph. See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset

strokeLineCap

strokeLineCap: undefined | string | GlyphCallback <A, C, string>

This defines the stroke linecap of the glyph. See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap

strokeLineJoin

strokeLineJoin: undefined | string | GlyphCallback <A, C, string>

This defines the offset for the stroke linejoin of the glyph. See https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin

strokeOpacity

strokeOpacity: undefined | number | GlyphCallback <A, C, number>

This defines the opacity of the border around the glyph.

strokeWidth

strokeWidth: undefined | number | GlyphCallback <A, C, number>

This defines the width of the border around the glyph.

target

target: undefined | Selection <any, any, any, any> | Viewport | Overflow | Defs

This determines the parent DOM element in which the glyphs will be rendered. When supplying a BindTarget, the rendering function will find the appropriate parent in the supplied Chart. When supplying a D3 selection, the rendering function will explicitly use the selected element.

width

width: undefined | number | GlyphCallback <A, C, number>

This defines the pixel width of the glyph.

x

x: undefined | number | GlyphCallback <A, C, number>

This defines the pixel x coordinate of the glyph.

y

y: undefined | number | GlyphCallback <A, C, number>

This defines the pixel y coordinate of the glyph