如何更改Telerik MVC Chart标题的字体大小和颜色?

时间:2012-07-13 16:00:00

标签: telerik-mvc

可以吗?我做了很多研究,找不到任何东西。 感谢

2 个答案:

答案 0 :(得分:2)

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

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

DOM view of the Telerik Chart demo

这是一个jQuery示例:

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

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

这不是执行此操作的最佳方式,它基本上是一种黑客行为,但如果不能做任何其他事情,那么这可能是您的解决方案。

答案 1 :(得分:0)

由于我们遇到了同样的事情,但尝试加粗标题,对此有不同的处理方法。Kendo MVC Chart API现在使您可以访问将其推送到样式标签中的字体标签。好吧,我们所做的只是关闭该元素,然后将自己的元素添加到样式标签中:

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

如您在下面看到的,它将呈现样式,并依次加粗标题文本。

Rendered HTML