Dynamically Change Chart Control Type in ASP.NET 4.0

ASP.NET 4.0 introduced inbuilt chart controls features. This Chart control has several types like Line, Column, Pie etc. In this post I am going to talk about how you can change the ASP.NET Chart Control Type on the fly.  . All the Chart Type for ASP.NET 4.0 Chart control are defined in a public enum SeriesChartType. We will be using dynamic Enum Binding with DropDownList Control to get all the list of types

So first bind the SeriesChartType enum value in dropdown. You can read one of my post on Generic Way to Bind Enum With Different ASP.NET List Controls .

First Write the Generic method to get the enum and control type.

 public void BindEnumToListControls(Type enumType, ListControl listcontrol)
            string[] names = Enum.GetNames(enumType);
            listcontrol.DataSource = names.Select((key, value) =>
                                        new { key, value }).ToDictionary(x => x.key, x => x.value + 1);
            listcontrol.DataTextField = "Key";
            listcontrol.DataValueField = "Value";

Call the methods from Page_Load() to bind the records

 protected void Page_Load(object sender, EventArgs e)
            if (!Page.IsPostBack)
                BindEnumToListControls(typeof(SeriesChartType), ddlCharType);

This will populate and bind all types of Chart Control in the dropdown list.


Once You are done, On DropDown SelectionIndex_Change, you can change the type of chart control. Before that placed a chart control and bind the data on that

  protected void ddlCharType_SelectedIndexChanged(object sender, EventArgs e)
            this.Chart1.Series["Series1"].ChartType = (SeriesChartType)Enum.Parse(typeof(SeriesChartType), ddlCharType.SelectedItem.Text);

Well, that’s all, you can change the dropdown list value and get reflect of changed chart control type .




Subscribe To Newsletter For your Daily Development Tips and Tricks  

 Best Tips & Tricks on Microsoft Technology Platform 

Invalid email address
We promise not to spam you. You can unsubscribe at any time.
Abhijit Jana

Abhijit runs the Daily .NET Tips. He started this site with a vision to have a single knowledge base of .NET tips and tricks and share post that can quickly help any developers . He is a Former Microsoft ASP.NET MVP, CodeProject MVP, Mentor, Speaker, Author, Technology Evangelist and presently working as a .NET Consultant. He blogs at http://abhijitjana.net , you can follow him @AbhijitJana . He is the author of book Kinect for Windows SDK Programming Guide.