css - Kendo UI Pie Chart Tooltip が親 Div の外に描画されないようにするにはどうすればよいですか?

Question

Telerik の Kendo UI 円グラフを使用しています。ツールチップに次の構成を使用しています。

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

ツールチップ ラベルが大きすぎるため、カテゴリ名が途中で切れてしまいます。ツールチップが表示される場所を変更する方法はありますか?

Answer 1

ツールチップをすべて移動する必要があり、見栄えが悪い可能性があるため、ツールチップを移動するかどうかはわかりません。ツールチップでテキストをラップするのはどうですか? テンプレートで通常の空白を指定することで、これを行うことができます。ツールチップ テンプレートの親はそれを 1 行に強制するため、それをオーバーライドする必要があります。

ここでこのフィドルをチェックして、これがあなたに役立つものに近づくかどうかを確認してください.

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

Answer 2

または、バークの回答で提案されたラップという単語が必要ない場合

.k-tooltip { width: auto }私のために働いた。

Answer 3

オーバーレイをいじってみることができますか、それともツールチップにオーバーレイ プロパティがありますか

overlay: {
   gradient: "none"
}