bar chart data label, position and rotation, c#

Please note that this question is not x-axis label, rather it is about data label on the bars of the chart.

The following  code does not rotate the data labels on the bars ( see line 59).

Question: How can I change  the code below to do the following:
      Part 1: Rotate the data labels by 90 degrees, and
      Part 2: To position the data label values inside (middle portion) of their respective bars.

As it stands, the data labels are positioned at the tip of the bars.

Thank you.
protected void createMonthlyChartImagesSmall(string YYYY, int RegionID, string Region, int Metric_ID, int MedCtrID, string MedCenter, string chartImageName)
    {
        //  protected void createChart1()
        var filePathName = "~\\image\\" + chartImageName + "Small.png";
        if (!File.Exists(Server.MapPath(filePathName)))
        {
            // some dummy values...
            Session["Metric_ID"] = Metric_ID;
            Session["YYYY"] = YYYY;
            Session["MedCtr_ID"] = MedCtrID;

            SqlDataSource mySqlDataSource = new SqlDataSource();
            mySqlDataSource.ConnectionString = System.Configuration.ConfigurationManager.ConnectionStrings["ROD_July18ConnectionString"].ConnectionString;
            mySqlDataSource.SelectCommand = "spMonthlyChart";
            mySqlDataSource.SelectCommandType = SqlDataSourceCommandType.StoredProcedure;
            mySqlDataSource.SelectParameters.Add(new SessionParameter("Metric_ID", DbType.Int32, "Metric_ID"));
            mySqlDataSource.SelectParameters.Add(new SessionParameter("YYYY", DbType.String, "YYYY"));
            mySqlDataSource.SelectParameters.Add(new SessionParameter("MedCtr_ID", DbType.Int32, "MedCtr_ID"));

            Chart chart = new Chart();

            Series series = new Series("Default");
            series.ChartType = SeriesChartType.Column;
            chart.Series.Add(series);

            Series series2 = new Series("Default2");
            series2.ChartType = SeriesChartType.Line;
            series2.Color = System.Drawing.Color.Purple;// change color to put
            series2.BorderWidth = 1; // this is actually the line width...
            series2.BorderDashStyle = ChartDashStyle.Dot;
            //series2.IsValueShownAsLabel = true;

            chart.Series.Add(series2);

            ChartArea chartArea = new ChartArea();
            Axis yAxis = new Axis(chartArea, AxisName.Y);
            Axis xAxis = new Axis(chartArea, AxisName.X);

            series.XValueMember = "ColName"; // X
            series.YValueMembers = "ColValue"; // Y1
            series2.XValueMember = "ColName"; // X
            series2.YValueMembers = "Target"; // Y2
            chart.DataSource = mySqlDataSource;
            chart.DataBind();

            series2.IsValueShownAsLabel = false;
            series2.Points[0].IsValueShownAsLabel = true;

            chartArea.BackColor = Color.Transparent;// chart.ChartAreas.col
            chart.BackColor = Color.Transparent;
            chart.Series["Default"].Color = System.Drawing.Color.FromArgb(50, 140, 172, 0);
            chart.Series["Default"].Points[0].Color = System.Drawing.Color.FromArgb(50, 224, 0, 0);
            chart.Series["Default"].Points[chart.Series["Default"].Points.Count - 1].Color = System.Drawing.Color.FromArgb(30, 225, 128, 0);
            series.IsValueShownAsLabel = true; // 3 show value

            

            series.LabelForeColor = System.Drawing.Color.Black;
            series.LabelAngle = 90;
            //chart.ChartAreas[0].AxisX.LabelStyle.Angle = 90;
            chartArea.AxisX.MajorGrid.Enabled = false; // 1 don't show grid
            chartArea.AxisY.MajorGrid.Enabled = false;// 1 don't show grid
            chartArea.AxisY.LabelStyle.Enabled = false; // 2 remove y labels
            // 
            chartArea.AxisX.LabelStyle.Font = new Font("Arial", 8);
            chartArea.AxisX.LabelStyle.Angle = 90;
           // chartArea.AxisX.PositionToValue = midButtonsLabel;
//            protected void SummaryChart_Customize(object sender, EventArgs e)
//{
//    //hide label value if zero
//    foreach (System.Web.UI.DataVisualization.Charting.Series series in SummaryChart.Series)
//    {
//        foreach (System.Web.UI.DataVisualization.Charting.DataPoint point in series.Points)
//        {
//            if (point.YValues.Length > 0 && (double)point.YValues.GetValue(0) == 0)
//            {
//                point.IsValueShownAsLabel = false;
//            }
//        }
//    }
//}
            chartArea.AxisX.LabelStyle.ForeColor = System.Drawing.Color.White;
            chartArea.AxisX.LabelAutoFitStyle = 0;//??????? 
            //chart.BorderSkin.SkinStyle = BorderSkinStyle.FrameThin1;// add thin fram to border???????????
            chartArea.AxisY.MajorTickMark.Enabled = false; //5.remove tick marks and add border
            chartArea.BorderDashStyle = ChartDashStyle.Solid; //6. add border
            chartArea.BorderWidth = 1;
            chartArea.BorderColor = System.Drawing.Color.Black; //6. add border

            //chartArea.AxisX.IsLabelAutoFit = true;
            // chartArea.AxisX.LabelAutoFitStyle = LabelAutoFitStyles.LabelsAngleStep30;
            chartArea.AxisX.LabelStyle.Enabled = true;
            chartArea.AxisX.LabelStyle.Angle = -90; // 4 rotate x labels
            chartArea.AxisX.Interval = 1;// xhow all labels

            if (Metric_ID == 115 || Metric_ID == 113)
            {
                chart.Series["Default"].Color = System.Drawing.Color.FromArgb(255, 224, 0, 0);//light red;
                chart.Series["Default"].BackGradientStyle = GradientStyle.DiagonalLeft;
                chart.Series["Default"].BackSecondaryColor = System.Drawing.Color.FromArgb(255, 147, 0, 0);//dark red
            }
            else
            {
                chart.Series["Default"].Color = System.Drawing.Color.FromArgb(255, 152, 200, 0);//light green;
                chart.Series["Default"].BackGradientStyle = GradientStyle.DiagonalLeft;
                chart.Series["Default"].BackSecondaryColor = System.Drawing.Color.FromArgb(255, 129, 132, 0);//dark green
            }
            chart.Series["Default"].Points[0].Color = System.Drawing.Color.FromArgb(255, 255, 150, 0);//light orange ;//FromArgb(255, 224, 0, 0);//light Red;
            chart.Series["Default"].Points[0].BackGradientStyle = GradientStyle.DiagonalLeft;
            chart.Series["Default"].Points[0].BackSecondaryColor = System.Drawing.Color.FromArgb(255, 255, 105, 0);//Dark orange;//FromArgb(255, 147, 0, 0);//DarkRed;
            chart.Series["Default"].Points[chart.Series["Default"].Points.Count - 1].Color = System.Drawing.Color.FromArgb(255, 190, 124,207);//light purple;
            chart.Series["Default"].Points[chart.Series["Default"].Points.Count - 1].BackGradientStyle = GradientStyle.DiagonalLeft;
            chart.Series["Default"].Points[chart.Series["Default"].Points.Count - 1].BackSecondaryColor = System.Drawing.Color.FromArgb(255, 153,66,123);//dark purple
            //  series.LabelStyle.Font = new Font("Palatino Linotype", 12);

     //       chartArea.BackGradientStyle = GradientStyle.DiagonalLeft;
            chartArea.BackColor = System.Drawing.Color.White;// SlateGray;
     //       chartArea.BackSecondaryColor = System.Drawing.Color.White;
            // chartArea.Position.X = 0;
            //  chartArea.Position.Y = 0;

            series.Font = new Font("Arial", 8f);
            // chartArea.AxisX.Interval = 1;
  //          chart.Titles.Add(string.Format("{0}{1}{2} ", MedCenter, ", Metric " + Metric_ID, " - " + YYYY));
 //           chart.Titles[0].Alignment = ContentAlignment.TopLeft;
 //           chart.Titles[0].Font = new Font("Tahoma", 20f);
  //          chart.Titles[0].ForeColor = System.Drawing.Color.White;
            //chart.Titles[0].Font=Bold;

            chart.Width = new Unit(214, UnitType.Pixel);
            chart.Height = new Unit(158, UnitType.Pixel);
            chart.ChartAreas.Add(chartArea);
            string filename = "C:\\Users\\Mike\\Documents\\_smc\\__CS37\\MasterPageTestJul25\\image\\" + chartImageName + "Small.png";
            chart.SaveImage(filename, ChartImageFormat.Png);

        }
    }

Open in new window

LVL 34
Mike EghtebasDatabase and Application DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Kalpesh ChhatralaSoftware ConsultantCommented:
Code Sample
cTestChart.ChartAreas[0].AxisY.Enabled = AxisEnabled.False; // if you want you can disable Y Axis Label
cTestChart.Series["Testing"].IsValueShownAsLabel = true; // This will display Data Label on the bar.
cTestChart.Series["Testing"]["BarLabelStyle"] = "Center";  // This will change Label Position
cTestChart.Series["Testing"].LabelAngle = 90;    // This will rotate Data Label 

Open in new window

Chart Sample
Chart-Sample.png
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Mike EghtebasDatabase and Application DeveloperAuthor Commented:
Hi Kalpesh,

Thank you very much for the post. After seeing your chart, I noticed my mistake because I have column chart not bar chart.

I think, that will not make much difference (maybe?).

I guess, instead of cTestChart.Series["Testing"]   I have chart.Series["Default"] which I could change to.

Question: Between what lines do I need to insert your code?

Thank you,

Mike
0
Kalpesh ChhatralaSoftware ConsultantCommented:
I don't know how to display Data Label in Column Chart.

if you want to display on Top then you can use below lines.

cTestChart.ChartAreas[0].AxisY.Enabled = AxisEnabled.False; // if you want you can disable Y Axis Label
cTestChart.Series["Testing"].IsValueShownAsLabel = true; // This will display Data Label on the bar.

Open in new window

0
Mike EghtebasDatabase and Application DeveloperAuthor Commented:
Where (between what lines) do I need to place this?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
C#

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.