BubbleChart Control (demo)

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

axislabelFontColor
Enables you to set the axis label font color. The default is #000000
Getter name: get_axislabelFontColor()
Setter name: set_axislabelFontColor(value)

baseLineColor
Enables you to set the color of the base lines of the chart
Getter name: get_baseLineColor()
Setter name: set_baseLineColor(value)

bubbleChartClientValues
A list of values.
Getter name: get_bubbleChartClientValues()
Setter name: set_bubbleChartClientValues(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)

bubbleSizes
Enables you to set the number of different sizes of the bubbles
Getter name: get_bubbleSizes()
Setter name: set_bubbleSizes(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)

chartTitleColor
A font color of the chart title.
Getter name: get_chartTitleColor()
Setter name: set_chartTitleColor(value)

chartWidth
Enables you to customize the chart width. The default is 300
Getter name: get_chartWidth()
Setter name: set_chartWidth(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)

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)

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)

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)

xAxisLabel
Enables you to set the text/label to describe what data is in XAxis.
Getter name: get_xAxisLabel()
Setter name: set_xAxisLabel(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)

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)

yAxisLabel
Enables you to set the text/label to describe what data is in YAxis.
Getter name: get_yAxisLabel()
Setter name: set_yAxisLabel(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)

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)

Last edited Sep 14, 2015 at 10:12 AM by fadilmamedov, version 3