如何使用C#为RadzenLabel设置样式颜色？

问题 #

需要为“差（Poor）”到“优（Excellent）”的评分添加颜色编码，已有如下C#颜色数组：

public IEnumerable<string> colors = new string[] { "#203b86", "#7cc40a", "#009ade", "#ff5f00", "#00d8d2" };

当前使用RadzenLabel的代码错误，导致页面显示@colors="#203b86".ToString()文本，而非应用颜色样式：

<RadzenLabel> 
  Poor @SurveyResults.Where(x => x.GetType().GetProperty(property).GetValue(x).ToString() == "Poor").Count() @colors="#203b86".ToString()
</RadzenLabel>

解决方案 #

方法1：直接引用颜色数组元素 #

利用RadzenLabel的Style属性设置文本颜色，通过数组索引获取对应颜色（假设Poor对应数组第一个元素#203b86）：

<RadzenLabel Style="color:@colors.ElementAt(0)"> 
  Poor @SurveyResults.Count(x => x.GetType().GetProperty(property).GetValue(x)?.ToString() == "Poor")
</RadzenLabel>

• 优化计数逻辑：用Count()替代Where(...).Count()更简洁
• 添加?.空值保护，避免空引用异常

方法2：建立评分-颜色映射（更易维护） #

在后台定义字典映射评分与颜色，便于后续扩展或修改：

private Dictionary<string, string> RatingColorMap = new Dictionary<string, string>
{
    {"Poor", "#203b86"},
    {"Fair", "#7cc40a"},
    {"Good", "#009ade"},
    {"Very Good", "#ff5f00"},
    {"Excellent", "#00d8d2"}
};

前端直接通过评分键获取颜色：

<RadzenLabel Style="color:@RatingColorMap["Poor"]"> 
  Poor @SurveyResults.Count(x => x.GetType().GetProperty(property).GetValue(x)?.ToString() == "Poor")
</RadzenLabel>

错误原因说明 #

之前的代码错误地将C#代码片段直接作为文本输出，没有通过组件的样式属性绑定颜色值。Radzen组件的样式需要通过Style属性或CSS类来设置，而非直接在文本中插入代码。

内容的提问来源于stack exchange，提问作者Mariah Thomas