BubbleChart - DevExpress/AjaxControlToolkit GitHub Wiki
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
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)