Title

Any text can be added to the Chart using this element. The main purpose of the element is to display the title for the Chart. Please refer to figure below:

 

 

Usage:

 

<vc:Chart ... >

 

<vc:Title ... />

 

</vc:Chart>

 

 

List of attributes:

Attribute

Function

AlignmentX

Sets the horizontal positioning of the title. Takes values like "Left", "Center" and "Right".

AlignmentY

Sets the vertical positioning of the title. Takes values like "Top", "Center" and "Bottom".

BorderColor

Sets the color for the Title border line.

BorderStyle

Sets the style for the border line.

BorderThickness

Sets the thickness of the border line.

Color

Sets the color for the Title background.

Cursor

Sets the pointer that displays when the user moves the mouse over this element.

DockInsidePlotArea

Sets whether the Title should be placed inside PlotArea or outside. Default is outside.

Enabled

Enables or disables the PlotArea.

FontColor

Sets the color of the Title text.

FontFamily

Sets the font of the Title text.

FontSize

Sets size of the Title text.

FontStyle

Sets the style of the Title text. Takes values like "Italic" or "Normal".

FontWeight

Sets effects for the Title text. Takes values like "Bold", "Normal", "Black" .

FullSize

Enables or disables the Title which takes the full width of Chart or PlotArea.

Href

Sets the hyper link (http:// is required).

HrefTarget

Sets where the URL specified in Href to be opened.

Image

Sets the source of the image that has to be applied to the element.

ImageStretch

Sets how the image should be applied to the element.

RadiusX

Sets the parameter used to create rounded or elliptical corners for the element.

RadiusY

Sets the parameter used to create rounded or elliptical corners for the element.

Text

Sets the text content of the Title.

TextWrap

Sets the maximum width of the title relative to chart size. Value range is 0 - 1.

ToolTipText

Sets the tool tip content for the Title.

ZIndex

Sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.

 

Note: JS events can be attached to this element, for more details see JavaScript Events List