[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

bar chart data label, position and rotation, c#

Posted on 2014-08-11
4
Medium Priority
?
10,254 Views
Last Modified: 2014-08-12
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

0
Comment
Question by:Mike Eghtebas
  • 2
  • 2
4 Comments
 
LVL 16

Accepted Solution

by:
Kalpesh Chhatrala earned 2000 total points
ID: 40255206
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
 
LVL 34

Author Comment

by:Mike Eghtebas
ID: 40256010
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
 
LVL 16

Expert Comment

by:Kalpesh Chhatrala
ID: 40256155
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
 
LVL 34

Author Comment

by:Mike Eghtebas
ID: 40256214
Where (between what lines) do I need to place this?
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Performance in games development is paramount: every microsecond counts to be able to do everything in less than 33ms (aiming at 16ms). C# foreach statement is one of the worst performance killers, and here I explain why.
Exchange organizations may use the Journaling Agent of the Transport Service to archive messages going through Exchange. However, if the Transport Service is integrated with some email content management application (such as an anti-spam), the admin…
This lesson discusses how to use a Mainform + Subforms in Microsoft Access to find and enter data for payments on orders. The sample data comes from a custom shop that builds and sells movable storage structures that are delivered to your property. …
Suggested Courses

834 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question