telerik-mvc - 如何更改 Telerik MVC 图表标题的字体大小和颜色？

Question

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

Answer 1

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

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

这是一个 jQuery 示例：

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

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

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

Answer 2

in razor page add this code for the category in chart

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

Answer 3

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

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

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