css - 如何防止 Kendo UI 饼图工具提示在父 Div 之外绘制？

Question

我正在使用 Telerik 的 Kendo UI 饼图。我正在为工具提示使用以下配置：

tooltip: {
    visible: true, 
    template: "${ category } - ${ value }%"
},

由于工具提示标签太大，我的类别名称被截断。有没有办法改变工具提示的显示位置？

Answer 1

我不确定是否要移动工具提示，因为您必须对所有工具提示都这样做，而且它可能看起来不太好。将文本包装在工具提示中怎么样？您可以通过在模板中指定正常的空白来做到这一点。工具提示模板的父级将其强制为一行，因此您必须覆盖它。

在这里查看这个小提琴，看看这是否能让你更接近适合你的东西。

http://jsfiddle.net/burkeholland/JZrAt/

Answer 2

或者，如果您不想要 Burke 的回答中建议的自动换行

.k-tooltip { width: auto }为我工作。

Answer 3

您可以尝试使用叠加层还是工具提示具有叠加层属性

overlay: {
   gradient: "none"
}