如何防止剑道UI饼图工具提示从绘制外部父Div？

Question

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

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

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

Answer 1

我不确定是否要移动工具提示，因为您必须为所有工具提示，并且可能看起来不太好。如何在工具提示中包装文本？您可以通过在模板中指定正常的空白来实现。工具提示模板的父级强制它成一行，因此您必须覆盖它。

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

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

Answer 2

或者，如果您不想在Burke的回答中提出自动换行

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

Answer 3

你可以尝试使用叠加层，或者工具提示是否具有叠加属性

overlay: {
   gradient: "none"
}