如何更改 Telerik MVC 图表标题的字体大小和颜色？答案

【问题标题】：How to change the font size and color of a Telerik MVC Chart title?如何更改 Telerik MVC 图表标题的字体大小和颜色？
【发布时间】：2012-07-13 16:00:00
【问题描述】：

可以吗？我做了很多研究，找不到任何东西。谢谢

【问题讨论】：

标签： telerik-mvc

【解决方案1】：

Chart API 中似乎没有任何设置，但是当我检查 Telerik ASP.NET MVC 演示页面时，我发现了标题上使用的文本元素。

使用一些 JavaScript，您可以轻松更改标题字体大小和颜色。

这是一个 jQuery 示例：

$('#chart').find('text:nth(0)').css('font-size', '30px').css('text', 'red')

首先我将获取带有 id 的图表控件，然后找到作为第一个文本元素的标题。然后我将放置我自己的 css 样式。

这不是执行此操作的最佳方法，它基本上是一种 hack，但如果没有其他方法无法完成，那么这可能是您的解决方案。

【讨论】：

【解决方案2】：

有一个不同的方法，因为我们遇到了同样的事情，但试图加粗标题... Kendo MVC Chart API 现在允许您访问它推送到样式标签中的字体标签。好吧，我们所做的只是关闭该元素并将我们自己的元素添加到样式标签中：

.Title(t => t.Text("My Chart Title").Font(";font-weight:bolder;"))

正如您在下面看到的，它呈现样式并反过来加粗标题文本。

【讨论】：

【解决方案3】：

在剃须刀页面中为图表中的类别添加此代码

.CategoryAxis(axis => axis.Categories(model => model.MonthName)                                                                                         
                          .Labels(labels => labels.Font("tahoma").Color("red").Margin(15))                                                                                                  
                          .Labels(labels => labels.Rotation(-90))                                                                                                  
                          .MajorGridLines(lines => lines.Visible(true)))                                                  
))

【讨论】：