DataPoint

Each value that has to be plotted on the chart is referred to as a DataPoint. Please refer to figure below:

 

Usage:

 

<vc:Chart ... >

 

<vc:DataSeries ...>

 

<vc:DataPoint ... />

<vc:DataPoint ... />

.

.

.

 

</vc:DataSeries>

 

</vc:Chart>

 

 

List of attributes:

Attribute

Function

AxisLabel

Sets the text that must appear in the axis for this DataPoint.

BorderColor

Sets the color for DataPoint border line.

BorderStyle

Sets the border line style.

BorderThickness

Sets the border line thickness.

Color

Sets the color of the DataPoint

Cursor

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

Enabled

Enables or disables the DataPoint

ExplodeOffset

To generate exploded charts (Specific to Pie/Doughnut). Takes values between 0 - 1.

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.

LabelBackground

Sets the background color for labels. Default is Transparent

LabelEnabled

Enables or disables labels.

LabelFontColor

Sets the color of the label text

LabelFontFamily

Sets the font for the label

LabelFontSize

Sets the font size of label text

LabelFontStyle

Sets the style for the text like "Italic" or "Normal"

LabelFontWeight

Sets how the font appears. It takes values like "Bold", "Normal", "Black" etc

LabelLineColor

Sets the color of the line joining the label and Pie/Doughnut (Specific to Pie/Doughnut).

LabelLineEnabled

Enables or Disables the line joining the label and Pie/Doughnut (Specific to Pie/Doughnut).

LabelLineStyle

Sets the style for the line joining the label and Pie/Doughnut (Specific to Pie/Doughnut).

LabelLineThickness

Thickness of the line joining the label and Pie/Doughnut (Specific to Pie/Doughnut).

LabelStyle

Sets where the label should appear. Takes values like "Inside", "Outside".

LabelText

Sets the text that must appear in the labels.

LegendText

Sets the text that must appear in the legend.

MarkerBorderColor

Sets the color for the marker border line.

MarkerBorderThickness

Sets the thickness of the marker border line.

MarkerColor

Sets the color of the marker.

MarkerEnabled

Enables or disables the marker.

MarkerImage

Sets the source of the image that must appear inside the marker.

MarkerImageStretch

Sets how the image should be applied to the marker.

MarkerScale

Sets the scaling value to increase or decrease the size of the marker.

MarkerSize

Sets the size of the marker in pixels.

MarkerStyle

Sets the shape of the marker takes values like "Circle", "Triangle", etc.

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.

ShowInLegend

Sets a value to indicate whether a DataPoint must appear in the Legend or not.

ToolTipText

Sets the tool tip content for the DataPoint.

XValue

Sets the value that will appear on the X-Axis.

YValue

Sets the value that will appear on Y-Axis for all charts. In the case of Pie and Doughnut, the YValue will be considered for calculating the percentages.

ZValue

Used to calculate the size of the bubble (Specific to Bubble).

 

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