BubbleChart

Demo Page

The BubbleChart control enables you to render a bubble chart from one or more series of values. This control is compatible with any browser that supports SVG including Internet Explorer 9 and above.

Properties

Name	Description
AxislabelFontColor	The axis label font color
BaseLineColor	The color of the base lines of a chart.
BubbleChartClientValues	Provides a list of values to the client side. The Values property is required for designer experience support, because the editor always prevents providing values to the client side as ExtenderControlProperty at runtime.
BubbleChartValues	A list of values.
BubbleLabel	Text/label that will be shown in the tooltip and describe a bubble value.
BubbleSizes	The number of different bubble sizes. The default is 5
TooltipBackgroundColor	A background color of the tooltip box. The default is #FFC652
TooltipBorderColor	A border color of the tooltip box. The default is #B85B3E
TooltipFontColor	A font color of the tooltip box. The default is #0E426C
XAxisLabel	Text/label to describe what data is in XAxis.
XAxisLineColor	A color of the X axis lines of the chart.
XAxisLines	Iinterval size for the X axis line of the chart. The default is 6
YAxisLabel	Text/label to describe what data is in YAxis.
YAxisLineColor	A color of the Y axis lines of the chart.
YAxisLines	Interval size for the Y axis line of the chart. The default is 6

Client properties

Name	Description
axislabelFontColor	Enables you to set the axis label font color. The default is #000000
baseLineColor	Enables you to set the color of the base lines of the chart
bubbleChartClientValues	A list of values.
bubbleLabel	Enables you to set the text/label that will be shown in the tooltip and describe a bubble value.
bubbleSizes	Enables you to set the number of different sizes of the bubbles
chartHeight	Enables you to customize the chart height. The default is 200
chartTitle	Enables you to set the chart's title.
chartTitleColor	A font color of the chart title.
chartWidth	Enables you to customize the chart width. The default is 300
theme	Enables you to control the appearance of the bar chart with a CSS file. The default is 'BubbleChart'
tooltipBackgroundColor	Enables you to set a background color of the tooltip box. The default is #FFFFFF
tooltipBorderColor	Enables you to set a border color of the tooltip box. The default is #B85B3E
tooltipFontColor	Enables you to set a font color of the tooltip box. The default is #0E426C
xAxisLabel	Enables you to set the text/label to describe what data is in XAxis.
xAxisLineColor	Enables you to set the color of the X axis lines of the chart
xAxisLines	Enables you to set interval size for the X axis line of the chart. The default is 6
yAxisLabel	Enables you to set the text/label to describe what data is in YAxis.
yAxisLineColor	Enables you to set the color of the Y axis lines of the chart
yAxisLines	Enables you to set interval size for the Y axis line of the chart. The default is 6

Client properties

chartWidth

Enables you to customize the chart width. The default is 300

Getter name: get_chartWidth()
Setter name: set_chartWidth(value)

chartHeight

Enables you to customize the chart height. The default is 200

Getter name: get_chartHeight()
Setter name: set_chartHeight(value)

chartTitle

Enables you to set the chart's title.

Getter name: get_chartTitle()
Setter name: set_chartTitle(value)

bubbleChartClientValues

A list of values.

Getter name: get_bubbleChartClientValues()
Setter name: set_bubbleChartClientValues(value)

theme

Enables you to control the appearance of the bar chart with a CSS file. The default is 'BubbleChart'

Getter name: get_theme()
Setter name: set_theme(value)

yAxisLines

Enables you to set interval size for the Y axis line of the chart. The default is 6

Getter name: get_yAxisLines()
Setter name: set_yAxisLines(value)

xAxisLines

Enables you to set interval size for the X axis line of the chart. The default is 6

Getter name: get_xAxisLines()
Setter name: set_xAxisLines(value)

bubbleSizes

Enables you to set the number of different sizes of the bubbles

Getter name: get_bubbleSizes()
Setter name: set_bubbleSizes(value)

chartTitleColor

A font color of the chart title.

Getter name: get_chartTitleColor()
Setter name: set_chartTitleColor(value)

yAxisLineColor

Enables you to set the color of the Y axis lines of the chart

Getter name: get_yAxisLineColor()
Setter name: set_yAxisLineColor(value)

xAxisLineColor

Enables you to set the color of the X axis lines of the chart

Getter name: get_xAxisLineColor()
Setter name: set_xAxisLineColor(value)

baseLineColor

Enables you to set the color of the base lines of the chart

Getter name: get_baseLineColor()
Setter name: set_baseLineColor(value)

tooltipBackgroundColor

Enables you to set a background color of the tooltip box. The default is #FFFFFF

Getter name: get_tooltipBackgroundColor()
Setter name: set_tooltipBackgroundColor(value)

tooltipFontColor

Enables you to set a font color of the tooltip box. The default is #0E426C

Getter name: get_tooltipFontColor()
Setter name: set_tooptipFontColor(value)

tooltipBorderColor

Enables you to set a border color of the tooltip box. The default is #B85B3E

Getter name: get_tooltipBorderColor()
Setter name: set_tooltipBorderColor(value)

xAxisLabel

Enables you to set the text/label to describe what data is in XAxis.

Getter name: get_xAxisLabel()
Setter name: set_xAxisLabel(value)

yAxisLabel

Enables you to set the text/label to describe what data is in YAxis.

Getter name: get_yAxisLabel()
Setter name: set_yAxisLabel(value)

bubbleLabel

Enables you to set the text/label that will be shown in the tooltip and describe a bubble value.

Getter name: get_bubbleLabel()
Setter name: set_bubbleLabel(value)

axislabelFontColor

Enables you to set the axis label font color. The default is #000000

Getter name: get_axislabelFontColor()
Setter name: set_axislabelFontColor(value)