Chart control. Custom Labels (1) I need to add a Custom Label that I can place at a given position on or near each series. (2) I need to add a Custom label (or Legend) that I can place at a given position on the chart or Chart Area. Desired: (1) The example below shown as Goal XX (2) The Legend or Label on the right that shows: Red < 50%, Yellow < 75%, Green 100%, Blue > 100%

Hi @ Alvord, Timothy , Welcome to Microsoft Q&A, You can easily add a legend to your chart. But you need to customize the text you need. You need to write a function for the text you need to appear, and then assign it. // Add a new legend Legend customLegend = new Legend("CustomLegend"); chart1.Legends.Add(customLegend); // Create a custom legend item LegendItem legendItem = new LegendItem(); legendItem.Name = "CustomLabel"; legendItem.Color = Color.Red; // Set the color legendItem.BorderColor = Color.Black; legendItem.BorderWidth = 1; legendItem.MarkerStyle = MarkerStyle.Circle; legendItem.MarkerSize = 10; legendItem.MarkerColor = Color.Red; legendItem.Cells.Add(LegendCellType.Text, "xxxx", ContentAlignment.MiddleLeft); // Add the legend item to the legend customLegend.CustomItems.Add(legendItem); Best Regards, Jiale If the answer is the right solution, please click " Accept Answer " and kindly upvote it. If you have extra questions about this answer, please click " Comment ". Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Chart control. I need to add a Custom Label that I can place at a given position on or near each series.

Accepted answer

Jiale Xue - MSFT 47,501 Reputation points Microsoft Vendor

2024-11-15T03:02:17.8466667+00:00
Hi @Alvord, Timothy, Welcome to Microsoft Q&A,

You can easily add a legend to your chart. But you need to customize the text you need. You need to write a function for the text you need to appear, and then assign it.

// Add a new legend Legend customLegend = new Legend("CustomLegend"); chart1.Legends.Add(customLegend); // Create a custom legend item LegendItem legendItem = new LegendItem(); legendItem.Name = "CustomLabel"; legendItem.Color = Color.Red; // Set the color legendItem.BorderColor = Color.Black; legendItem.BorderWidth = 1; legendItem.MarkerStyle = MarkerStyle.Circle; legendItem.MarkerSize = 10; legendItem.MarkerColor = Color.Red; legendItem.Cells.Add(LegendCellType.Text, "xxxx", ContentAlignment.MiddleLeft); // Add the legend item to the legend customLegend.CustomItems.Add(legendItem);

Best Regards,

Jiale

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.
Please sign in to rate this answer.
Alvord, Timothy 276 Reputation points

2024-11-15T16:27:53.22+00:00

Jiale,

That kind of worked for the Legend. Although when I try and add each color, the new custom legend gets added to the left and not below the previous Legend.

`Legend customLegend = new Legend("CustomLegend");`

customLegend.BackColor = Color.Yellow;

customLegend.BorderColor = Color.Black;

customLegend.Font = new Font("Microsoft Sans Serif", 18, FontStyle.Bold);

chartDailyBuildRateDisplay.Legends.Add(customLegend);

// Create a custom legend item

LegendItem legendItem = new LegendItem();

// Add the legend item to the legend

customLegend.CustomItems.Add(legendItem);

Legend customLegend2 = new Legend("CustomLegend2");

customLegend2.BackColor = Color.Red;

customLegend2.BorderColor = Color.Black;

customLegend2.Font = new Font("Microsoft Sans Serif", 18, FontStyle.Bold);

chartDailyBuildRateDisplay.Legends.Add(customLegend2);

// Create a custom legend item

LegendItem legendItem2 = new LegendItem();

legendItem2.Cells.Add(LegendCellType.Text, "< 50% of Goal", ContentAlignment.MiddleLeft);

// Add the legend item to the legend

customLegend2.CustomItems.Add(legendItem2);

Trying to get:

Jiale Xue - MSFT 47,501 Reputation points Microsoft Vendor

2024-11-18T04:52:20.0766667+00:00

You can use this method to paint.

chart1.ChartAreas[0].Position = new ElementPosition(5, 5, 70, 90); // Reduce the width to reserve space on the right // Subscribe to PostPaint event chart1.PostPaint += Chart1_PostPaint; private void Chart1_PostPaint(object sender, ChartPaintEventArgs e) { if (e.ChartElement is ChartArea chartArea) { var g = e.ChartGraphics.Graphics; // Get the absolute rectangle of the chart area RectangleF chartRect = e.ChartGraphics.GetAbsoluteRectangle(chartArea.Position.ToRectangleF()); // Define label content and color var labels = new List<(string Text, Color Color)> { (" 1", Color.Red), (" 2", Color.Green), (" 3", Color.Blue), }; // Draw labels and place them on the right side of the chart using (Font font = new Font("Arial", 12, FontStyle.Bold)) { float startX = chartRect.Right + 10; // Offset 10 pixels to the right of the chart float startY = chartRect.Top; // Start from the top of the chart foreach (var label in labels) { using (Brush brush = new SolidBrush(label.Color)) { // Draw labels g.DrawString(label.Text, font, brush, startX, startY); startY += 20; // Offset each label 20 pixels down } } } } }

Alvord, Timothy 276 Reputation points

2024-11-18T22:44:33.2233333+00:00

That's a better solution for me as you can see above.

(2) I need to add a Custom label (or Legend) that I can place at a given position on the chart or Chart Area.

Now I just need to find the Label position of each series and I could do the same thing to label the goal for each series.

I assume that I can use that for the other requirement I listed, if there is some way to know the XY position of each Series' Label...

Alvord, Timothy 276 Reputation points

2024-11-18T22:47:20.6333333+00:00

That worked better for me as you can see.

Now I just need to find the Label position of each series and I could do the same thing to label the goal for each series.

Jiale Xue - MSFT 47,501 Reputation points Microsoft Vendor

2024-11-19T02:04:32.3433333+00:00

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

Chart control. I need to add a Custom Label that I can place at a given position on or near each series.

0 additional answers

Your answer