如何在 RadChart 中显示每个图表系列的大纲？答案

【问题标题】：How to put show an outline for each chart series in a RadChart?如何在 RadChart 中显示每个图表系列的大纲？
【发布时间】：2012-05-25 15:32:03
【问题描述】：

我正在尝试自定义 ASP Web 表单 RadChart 的外观，其中系列具有 FillType = Solid，同时仍允许在较大的点值后面显示较小的点值。我真正想要的是每个系列都在所有填充顶部放置一个轮廓（基本上是在 ChartSeriesType.Area 顶部放置 ChartSeriesType.Line 的效果）。

我已经尝试过设置LineAppearance.Shadow、颜色透明度以及它们的组合，但仍然很难辨别背景系列值。

在使用纯色填充时，有没有一种简单的方法可以为每个系列打开轮廓？或者只设置背景填充的透明度，而不是边缘？

注意上图中的透明度。恐怕允许更高的透明度会提高背景值的可见性，但会导致可怕的柔和颜色集合。

【问题讨论】：

查看此部分styling chart elements.. 和此example
很好，@NiranjanKala。如果我保留颜色透明度设置，则对系列应用边框。否则它也会被隐藏起来。不理想，但越来越好。谢谢！
@NiranjanKala 感谢链接。我解决了我的问题，现在我欠你一些代表。

标签： charts telerik radchart uiappearance

【解决方案1】：

我建议你浏览telerik 文档页面RadControls for ASP.NET AJAX Documentation -Styling Chart Elements 和这个很好的例子Creating RadChart Programmatically - more complex example。

代码sn-p：

// 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)

希望对您有所帮助..

【讨论】：