Ajax contorl toolkit BarChart Demonstration
`
BarChart Demonstration
Column Chart:
StackedColumn Chart:
Bar Chart:
StackedBar Chart:
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.
The control above is initialized with this code. The italic properties
are optional:
<ajaxToolkit:BarChart ID="BarChart1" runat="server"
ChartHeight="300" ChartWidth="450" ChartType="Column"
ChartTitle="United States versus European Widget Production"
CategoriesAxis="2007,2008,2009,2010,2011,2012"
ChartTitleColor="#0E426C" CategoryAxisLineColor="#D08AD9"
ValueAxisLineColor="#D08AD9" BaseLineColor="#A156AB" >
<Series>
<ajaxToolkit:BarChartSeries Name="United States" BarColor="#6C1E83"
Data="110, 189, 255, 95, 107, 140" />
<ajaxToolkit:BarChartSeries Name="Europe" BarColor="#D08AD9"
Data="49, 77, 95, 68, 70, 79" />
</Series>
</ajaxToolkit:BarChart>
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.
Ajax control toolkit BarChart example with demo in asp .net
In this asp .net tuotiral you will learn about
ajax control toolkit BarChart,ajax control toolkit BarChart Extender,ajax control toolkit pie chart sample,ajax control toolkit BarChart Demo,ajax control toolkit BarChart with database,ajax control toolkit BarChart tutorial