Link to home
Start Free TrialLog in
Avatar of Mike Eghtebas
Mike EghtebasFlag for United States of America

asked on

Fine tune column chart c#

There are 4 items numbered 1 through 4 on the attached image. I hope to be able to do them by revising the code below:

Question: Could you please review to see if all or some of them doable?

Thank you.
    protected void Page_Load(object sender, EventArgs e)
            var chartImage = new Chart();
            chartImage.Width = 600;
            chartImage.Height = 400;

            //chartImage.Titles.Add("Sample Chart");
           // chartImage.Legends.Add(chartImage.Series[0].Name); // optional, show legend

            // add data points
            object[] xValue = { "1970", "1980", "1990", "2000", "2010" };
            object[] yValues = { "9", "22", "52", "89", "123" };
            for (int x = 0; x < xValue.Length; x++) {
                chartImage.Series[0].Points.AddXY(xValue[x], yValues[x]);} // may need to cast to double, if "option strict"
            chartImage.ChartAreas.Add("chartArea0"); // always need to add this
            chartImage.ChartAreas[0].AxisX.Title = "Decade"; // optional, show axis x title
           // chartImage.ChartAreas[0].AxisY.Title = "Incidence"; // optional, show axis y title
            chartImage.ChartAreas[0].AxisX.LabelStyle.Angle = 90;
            chartImage.ImageStorageMode = ImageStorageMode.UseImageLocation; // avoid having to define http handler for now, simpler for quick testing
            this.Controls.Add(chartImage); // add to page for automatic rendering

Open in new window

Avatar of Robert Schutt
Robert Schutt
Flag of Netherlands image

Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Mike Eghtebas


Hi Rober,

Thank you very much for the very good solution you gave to me. As shown on the attached image:

1. The border for ChartAreas[0] is also eliminated in removing the major axis. I tired to use the line below but it didn't work:
chartImage.ChartAreas[0].BorderColor = System.Drawing.Color.DeepPink;

2. Is it possible to remove the y-axis graduation as well?


Try this:
1. Besides setting BorderColor, also set (not really sure why...):
chartImage.ChartAreas[0].BorderDashStyle = ChartDashStyle.Solid;

Open in new window

2. What you call graduation is called tick marks:
chartImage.ChartAreas[0].AxisY.MajorTickMark.Enabled = false;

Open in new window

Thank you very much for the solution.

I have a follow up question if you have a couple of minutes (in your case probably couple of second because you seem to be very comfortable with the subject).


Thank you.