Question

我最近参与了一个项目，该项目使用Kendo UI控件和Telerik Reporting报告来显示各种图表和图形。

现有的Kendo UI Chart小部件显示学生在当前和过去几个月的“分数”。得分范围从0到100.Y轴表示'得分'，X轴表示学年/月。

此外，Y轴的0到100比例被分解为排名：65-70 =差，71-80 =公平等。此排名通过Y轴上的不同彩色绘图带显示在剑道UI图表中。绘图带使用自定义C＃代码进行配置，以为值系列的每个绘图带建立To，From，Color和Opacity属性。

以下是代码：

var thresholds= _[*entity framework call to generate database driven values*];
List<PlotBand> plotBands = new List<PlotBand>();
foreach (var threshold in thresholds)
{
    plotBands.Add(new PlotBand() 
    { 
        From = threshold.Min, 
        To = threshold.Max, 
        Color = threshold.RiskColor.ColorCode, 
        Opacity = .3 
    });
}

这可以按预期工作，并生成一个如下所示的Kendo UI图表：

kendo ui chart

我被要求在Telerik报告报告中复制图表。我正在使用Visual Studio 2013 Pro并从VS内部设计报告（即不使用独立设计器）和Telerik Reporting Q1 2015 SP1版本。

是的，我知道这些不是最新的，但这就是我给予的......

Telerik Reporting Graph控件和Kendo UI Chart小部件类似但不完全相同。我可以使用图形控件重新创建90％的图表。缺少的唯一部分是颜色编码排名，显示为图表的背景。图表控件中的图表绘图带似乎没有任何类似的属性。

我已尝试创建辅助坐标系并使用Telerik here所述的多个Cross Axis位置。这允许我创建psuedo-plot乐队，但不是他们的风格。我在Graph控件或其任何组件中找不到任何属性，允许我为每个绘图带设置颜色或不透明度。

有什么想法吗？这甚至可能吗？

Answer 1

实际上有一篇非常近期的KB文章解释了如何做到这一点 - 正如您所猜测的那样，它需要一个额外的系列和坐标系统。您可以在此处查看：https://docs.telerik.com/reporting/knowledge-base/how-to-create-plot-bands-using-the-graph-item。

关于颜色不透明度：尝试直接使用ARGB值设置颜色，如128; 64; 64; 64 - 这应该是透明的灰色颜色。

如何使用Visual Studio为telerik报告中的图形设置样式带的样式？

1 个答案: