Telerik Forums / UI for Silverlight Forum / General Discussions /

To remove chart border or plotarea border

Telerik UI for Silverlight
Resources Buy Try

4 posts, 0 answers

Nirav

3 posts

Member since:
Sep 2013
Posted 22 Oct 2013 Link to this post

Hello Guys,

I am programmatically generating the chart using the below code and while doing so i am getting unexpected border on Right and Bottom side of the chart [refer the attachment] so can you please give us an idea about how to remove those border?

i have already searched a lot about it and tried following options,

Chart.Appearance.Border.Visible = false;

Chart.Appearance.Border.Color = Color.Transparent; // or Color.White

Chart.PlotArea.Appearance.Border.Visible = false;

Chart.PlotArea.Appearance.Border.Color = Color.Transparent; // or Color.White

even tried to set the Border thickness to zero but still getting the border so please let us help to remove the border at the earliest.

Refer actual code below if needed,

Telerik.Reporting.Chart defChart = new Telerik.Reporting.Chart();

                        defChart.BitmapResolution = 96F;

                        defChart.ChartTitle.TextBlock.Text = departmentName;

                        defChart.ChartTitle.TextBlock.Appearance.TextProperties.Font = new System.Drawing.Font(new FontFamily("Segoe UI"), 10.0f, FontStyle.Regular);

                        defChart.ChartTitle.Appearance.Position.Auto = false;

                        defChart.ChartTitle.Appearance.Position.AlignedPosition = Telerik.Reporting.Charting.Styles.AlignedPositions.TopLeft;

                        defChart.ImageFormat = System.Drawing.Imaging.ImageFormat.Emf;

                        defChart.Name = "chtContactsPerDay" + departmentCount;

                        defChart.PlotArea.EmptySeriesMessage.Appearance.Visible = true;

                        defChart.PlotArea.EmptySeriesMessage.Visible = true;

                        defChart.Size = new Telerik.Reporting.Drawing.SizeU(Telerik.Reporting.Drawing.Unit.Cm(19.05000114440918D), Telerik.Reporting.Drawing.Unit.Cm(5.3340005874633789D));

                        defChart.Location = new Telerik.Reporting.Drawing.PointU(locationX, locationY);

                        defChart.AutoLayout = true;

                        defChart.Appearance.Border.Visible = false;

                defChart.Appearance.Shadow.Color = System.Drawing.Color.Transparent;

                defChart.Appearance.Shadow.Position = Telerik.Reporting.Charting.Styles.ShadowPosition.Behind;

                defChart.ChartTitle.Appearance.Shadow.Color = System.Drawing.Color.Transparent;

                defChart.ChartTitle.Appearance.Shadow.Position = Telerik.Reporting.Charting.Styles.ShadowPosition.Behind;

                defChart.ImageFormat = System.Drawing.Imaging.ImageFormat.Emf;

                defChart.Legend.Appearance.Shadow.Color = System.Drawing.Color.Transparent;

                defChart.Legend.Appearance.Shadow.Position = Telerik.Reporting.Charting.Styles.ShadowPosition.Behind;

                defChart.PlotArea.Appearance.FillStyle.FillType = Telerik.Reporting.Charting.Styles.FillType.Solid;

                defChart.PlotArea.Appearance.FillStyle.MainColor = System.Drawing.Color.Transparent;

                defChart.PlotArea.Appearance.Shadow.Color = System.Drawing.Color.Transparent;

                defChart.PlotArea.Appearance.Shadow.Position = Telerik.Reporting.Charting.Styles.ShadowPosition.Behind;

                defChart.PlotArea.EmptySeriesMessage.Appearance.Visible = true;

                defChart.PlotArea.EmptySeriesMessage.Visible = true;

                defChart.IntelligentLabelsEnabled = false;

                defChart.Appearance.ImageQuality = Telerik.Reporting.Charting.Styles.ImageQuality.HighQuality | Telerik.Reporting.Charting.Styles.ImageQuality.AntiAlias;

                defChart.Appearance.TextQuality = Telerik.Reporting.Charting.Styles.TextQuality.ClearTypeGridFit;

                defChart.BitmapResolution = 600;

                defChart.PlotArea.Appearance.Border.Visible = false;

                defChart.PlotArea.EmptySeriesMessage.TextBlock.Text = ReportResources.NoDataFoundMessage;

                defChart.PlotArea.EmptySeriesMessage.TextBlock.Appearance.TextProperties.Font = new System.Drawing.Font(new FontFamily("Segoe UI"), 10.0f, FontStyle.Regular);

                        defChart.ChartTitle.Visible = true;

                        Telerik.Reporting.Charting.Styles.ChartMargins chartMargins1 = new Telerik.Reporting.Charting.Styles.ChartMargins();

                        chartMargins1.Bottom = new Telerik.Reporting.Charting.Styles.Unit(12D, Telerik.Reporting.Charting.Styles.UnitType.Percentage);

                        chartMargins1.Left = new Telerik.Reporting.Charting.Styles.Unit(12D, Telerik.Reporting.Charting.Styles.UnitType.Percentage);

                        chartMargins1.Right = new Telerik.Reporting.Charting.Styles.Unit(10D, Telerik.Reporting.Charting.Styles.UnitType.Percentage);

                        chartMargins1.Top = new Telerik.Reporting.Charting.Styles.Unit(10D, Telerik.Reporting.Charting.Styles.UnitType.Percentage);

                        defChart.PlotArea.Appearance.Dimensions.Margins = chartMargins1;

                        defChart.PlotArea.YAxis.AxisLabel.Appearance.RotationAngle = 180F;

                        defChart.PlotArea.XAxis.Appearance.LabelAppearance.RotationAngle = 270F;

                        defChart.SeriesOrientation = ChartSeriesOrientation.Vertical;

                        ChartSeries serie = new ChartSeries();

                        serie.Type = ChartSeriesType.Bar;

                        serie.Clear();

                        serie.Appearance.LegendDisplayMode = Telerik.Reporting.Charting.ChartSeriesLegendDisplayMode.Nothing;

                        serie.Appearance.ShowLabels = true;

                        serie.Appearance.LabelAppearance.Position.AlignedPosition = Telerik.Reporting.Charting.Styles.AlignedPositions.Bottom;

                        serie.Appearance.LabelAppearance.LabelLocation = Telerik.Reporting.Charting.Styles.StyleSeriesItemLabel.ItemLabelLocation.Inside;

                        foreach (string key in countWeekday.Keys)

                        {

                            ChartSeriesItem item = new ChartSeriesItem();

                            item.YValue = (double)countWeekday[key];

                            item.Name = key;

                            item.Label.TextBlock.Text = string.Format("{0} ({1})", item.Name, item.YValue);

                            item.Label.TextBlock.Appearance.TextProperties.Color = Color.Black;

                            item.Label.Appearance.RotationAngle = 270;

                            serie.Items.Add(item);

                        }

                        defChart.Series.Add(serie);

                        pnlContactsPerDay_Chart.Items.Add(defChart);

Thanks,
Nirav

Chart-border.jpg
Evgenia
Admin

1437 posts

Posted 25 Oct 2013 Link to this post

Hello Nirav,
You'll need to hide the PlotArea border by turning off its visibility:

RadChart1.PlotArea.Appearance.Border.Visible = false;

Regards,
Evgenia
Telerik

TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for SILVERLIGHT.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
Nirav

3 posts

Member since:
Sep 2013

Posted 29 Oct 2013 Link to this post

Hello Evgenia,

Thanks for the answer but i have already tried disabling the border of plot area but it still shows the border and i have also mentioned the codes [first code snippet] which is already tried.

so can you please tell me what could be other scenario causing this problem?

Regards,
Nirav
Evgenia
Admin

1437 posts

Posted 31 Oct 2013 Link to this post

Hello Nirav,

On a second glance it looks to me that these unwanted borders are actually the Axes of the Chart. Could you try and tweak the PlotArea -> XAxis / YAxis -> Appearance properties so that you either reduce their thickness or modify their Color?

Regards,
Evgenia
Telerik

TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for SILVERLIGHT.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>

To remove chart border or plotarea border

Nirav

Evgenia

Nirav

Evgenia