AJAX Toolkit in Microsoft Visual Studio - PART2

AJAX Toolkit Charting Model in ASP.NET 4.5 +


1- PieChart
The PieChart control enables you to render a pie chart from one or more PieChartValues. This control is compatible with any browser which supports SVG including Internet Explorer 9 and above.

PieChart Properties

• ChartHeight - This property enables you to customize the height of the chart.
• ChartWidth - This property enables you to customize the width of the chart.
• ChartTitle - This property enables you to set the title of the chart.
• ChartTitleColor - This property enables you to set the font color of the chart title.


PieChartValue Properties:

• Category - This property is required and provides name for a particular PieChartValue.
• Data - This property is required and provides Data for a particular PieChartValue.
• PieChartValueColor - This property enables you to set the color of segment for a particular PieChartValue.
• PieChartValueStrokeColor - This property enables you to set the stroke color of segment for a particular PieChartValue.




2-LineChart

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

LineChart Properties

• ChartHeight - This property enables you to customize the height of the chart.
• ChartWidth - This property enables you to customize the width of the chart.
• ChartTitle - This property enables you to set the title of the chart.
• CategoryAxis - This is a required property. You need to provide a set of values for the category axis to create a line chart.
• ChartType - This property enables you to render two types of line charts 1. Basic 2. Stacked.
• Theme - This property enables you to control the appearance of the line chart with a Cascading Style Sheet file.
• ValueAxisLines - This property enables you to set the interval size for the value axis line.
• ChartTitleColor - This property enables you to set the font color of the chart title.
• CategoryAxisLineColor - This property enables you to set the color of the category axis lines.
• ValueAxisLineColor - This property enables you to set the the color of the value axis lines.
• BaseLineColor - This property enables you to set the color of the base lines of the chart.
• TooltipBackgroundColor - This property enables you to set the background color of the tooltip box.
• TooltipFontColor - This property enables you to set the font color of the tooltip box.
• TooltipBorderColor - This property enables you to set the border color of the tooltip box.
• AreaDataLabel - This property enables you to set the text/label that will be shown in the tooltip and describe about area data value.

LineChartSeries Properties:

• Name - This property is required.
• Data - This property is required and provides data for a particular series.
• LineColor - This property enables you to set the color of line for a particular series.



3- BarChart

The BarChart control enables you to render a bar chart from one or more series of values. This control is compatible with any browser which supports SVG including Internet Explorer 9 and above. This control can display four types of BarCharts: Column, StackedColumn, Bar and StackedBar.

BarChart Properties

• ChartHeight - This property enables you to customize the height of the chart.
• ChartWidth - This property enables you to customize the width of the chart.
• ChartTitle - This property enables you to set the title of the chart.
• CategoryAxis - This is a required property. You need to provide a set of values for the category axis to create a bar chart.
• ChartType - This property enables you to render different types of bar charts including Column, StackedColumn, Bar, and StackedBar.
• Theme - This property enables you to control the appearance of the bar chart with a Cascading Style Sheet file.
• ValueAxisLines - This property enables you to set the interval size for the value axis line.
• ChartTitleColor - This property enables you to set the font color of the chart title.
• CategoryAxisLineColor - This property enables you to set the color of the category axis lines.
• ValueAxisLineColor - This property enables you to set the the color of the value axis lines.
• BaseLineColor - This property enables you to set the color of the base lines of the chart.


BarChartSeries Properties:

• Name - This property is required.
• Data - This property is required and provides data for a particular series.
• BarColor - This property enables you to set the color of bar for a particular series.




4- AreaChart
The AreaChart control enables you to render a area chart from one or more series of values. This control is compatible with any browser which supports SVG including Internet Explorer 9 and above. This control can display two types of Areacharts - Basic, Stacked.


AreaChart Properties
• ChartHeight - This property enables you to customize the height of the chart.
• ChartWidth - This property enables you to customize the width of the chart.
• ChartTitle - This property enables you to set the title of the chart.
• CategoryAxis - This is a required property. You need to provide a set of values for the category axis to create a line chart.
• ChartType - This property enables you to render two types of area charts 1. Basic 2. Stacked.
• Theme - This property enables you to control the appearance of the area chart with a Cascading Style Sheet file.
• ValueAxisLines - This property enables you to set the interval size for the value axis line.
• ChartTitleColor - This property enables you to set the font color of the chart title.
• CategoryAxisLineColor - This property enables you to set the color of the category axis lines.
• ValueAxisLineColor - This property enables you to set the the color of the value axis lines.
• BaseLineColor - This property enables you to set the color of the base lines of the chart.


AreaChartSeries Properties:

• Name - This is required and you need to provide the name of series.
• AreaColor - This property enables you to set the color of area for a particular series.
• Data - This property is required and provides data for a particular series.


Full Lecture in the attached File