To remove border lines when using RadChartView

[Jay]

Hi.

I'm trying to draw a specific graph using RadChartView.

However, I couldn't find a way to remove the border line, which is marked with a red arrow in the attached image.

The background color must be Transparent.

Please tell me how to remove only those lines.

 

 

[Dess | Tech Support Engineer, Principal]

Hello, JaeHa,     

According to the provided screenshot, it wouldn't be easy to determine what is the exact setup for RadChartView that you have to observe the border around the axis labels. I suspect that you are setting the BorderColor for the horizontal axis: 

            LineSeries lineSeries = new LineSeries();
            lineSeries.DataPoints.Add(new CategoricalDataPoint(20, "Jan"));
            lineSeries.DataPoints.Add(new CategoricalDataPoint(22, "Apr"));
            lineSeries.DataPoints.Add(new CategoricalDataPoint(12, "Jul"));
            lineSeries.DataPoints.Add(new CategoricalDataPoint(19, "Oct"));
            this.radChartView1.Series.Add(lineSeries);

            lineSeries.HorizontalAxis.BorderColor = Color.Red;

In order to get rid of the border around the labels, you may use the following approach: 

            lineSeries.HorizontalAxis.BorderColor = Color.Red;

            foreach (var item in lineSeries.HorizontalAxis.Children)
            {
                AxisLabelElement label = item as AxisLabelElement;
                if (label==null)
                {
                    continue;
                }
                label.BorderWidth = 0;
            }

I hope this information helps.

Regards,
Dess | Tech Support Engineer, Principal
Progress Telerik

[Jay]

Thank you for your help.

Is there a way to remove the white border that covers the entire chart?

[Dess | Tech Support Engineer, Principal]

It is necessary to set the RadChartView.ChartElement.BorderWidth property to 0 and thus the border around the chart will be eliminated.

[Jay]

All problem is clearly solved. Thank you.