RadChart에서 각 차트 시리즈의 윤곽을 표시하는 방법은 무엇입니까?

Question

계열이 FillType = Solid 인 ASP Web Forms RadChart의 모양을 사용자 지정하려고 시도하지만 더 큰 점수 값 뒤에 더 낮은 점수 값의 가시성을 허용합니다. 내가 정말로 원하는 것은 각 계열이 모든 채우기 위에 배치 된 윤곽을가집니다 (기본적으로 ChartSeriesType.Line이 ChartSeriesType.Area 위에 있음).

나는 LineAppearance.Shadow 설정, 색상 투명도 및 그 조합으로 실험했지만 배경 시리즈 값을 식별하기는 여전히 어렵습니다.

단색 채우기를 사용할 때 각 계열의 윤곽선을 켜는 간단한 방법이 없습니까? 또는 가장자리가 아닌 배경 채우기의 투명도를 설정하려면?

참고 위의 이미지에서 투명도. 더 많은 투명도를 허용하면 배경 값의 가시성이 향상되지만 파스텔 색상의 끔찍한 컬렉션이 생성됩니다.

Answer 1

telerik 문서 페이지 RadControls for ASP.NET AJAX Documentation -Styling Chart Elements과이 멋진 예제 Creating RadChart Programmatically - more complex example을 살펴 보시기 바랍니다.

코드 스 니펫 :

// Define chart and titleRadChart radChart = new RadChart(); 
radChart.ChartTitle.TextBlock.Text = "My RadChart"; 
radChart.ChartTitle.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Blue; 
// Define chart series 
ChartSeries chartSeries = new ChartSeries(); 
chartSeries.Appearance.LabelAppearance.Visible = false; 
chartSeries.Name = "GDP"; 
chartSeries.Type = ChartSeriesType.Line; 
chartSeries.Appearance.LineSeriesAppearance.Color = System.Drawing.Color.BlueViolet; 
// Define the items in the series 
chartSeries.AddItem(1); 
chartSeries.AddItem(1.5); 
chartSeries.AddItem(2.0); 
chartSeries.AddItem(2.5); 
chartSeries.AddItem(3.5); 
// visually enhance the datapoints 
chartSeries.Appearance.PointMark.Dimensions.AutoSize = false; 
chartSeries.Appearance.PointMark.Dimensions.Width = 5; 
chartSeries.Appearance.PointMark.Dimensions.Height = 5; 
chartSeries.Appearance.PointMark.FillStyle.MainColor = System.Drawing.Color.Black; 
chartSeries.Appearance.PointMark.Visible = true; 
// Define chart series 
ChartSeries chartSeries2 = new ChartSeries(); 
chartSeries2.Appearance.LabelAppearance.Visible = false; 
chartSeries2.Name = "GNP"; 
chartSeries2.Type = ChartSeriesType.Line; 
chartSeries2.Appearance.LineSeriesAppearance.Color = System.Drawing.Color.Green; 
// Define the items in the series 
chartSeries2.AddItem(2); 
chartSeries2.AddItem(3); 
chartSeries2.AddItem(3.5); 
chartSeries2.AddItem(4); 
chartSeries2.AddItem(4.5); 
// visually enhance the data points 
chartSeries2.Appearance.PointMark.Dimensions.AutoSize = false; 
chartSeries2.Appearance.PointMark.Dimensions.Width = 5; 
chartSeries2.Appearance.PointMark.Dimensions.Height = 5; 
chartSeries2.Appearance.PointMark.FillStyle.MainColor = System.Drawing.Color.Black; 
chartSeries2.Appearance.PointMark.Visible = true; 
// set the plot area gradient background fill 
radChart.PlotArea.Appearance.FillStyle.FillType = Telerik.Charting.Styles.FillType.Gradient; 
radChart.PlotArea.Appearance.FillStyle.MainColor = System.Drawing.Color.FromArgb(65, 201, 254); 
radChart.PlotArea.Appearance.FillStyle.SecondColor = System.Drawing.Color.FromArgb(0, 107, 186); 
// Set text and line for X axis 
radChart.PlotArea.XAxis.AxisLabel.TextBlock.Text = "Years"; 
radChart.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red; 
radChart.PlotArea.XAxis.Appearance.Width = 3; 
radChart.PlotArea.XAxis.Appearance.Color = System.Drawing.Color.Red; 
// Set text and line for Y axis 
radChart.PlotArea.YAxis.AxisLabel.TextBlock.Text = "%"; 
radChart.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red; 
radChart.PlotArea.YAxis.Appearance.Width = 3; 
radChart.PlotArea.YAxis.Appearance.Color = System.Drawing.Color.Red; 
// Add the series to the chart, chart to page.radChart.Series.Add(chartSeries);radChart.Series.Add(chartSeries2);this.Page.Controls.Add(radChart) 

희망이 도움이 ..