Как предотвратить отображение подсказки круговой диаграммы пользовательского интерфейса Kendo вне родительского элемента Div?

Question

Я использую круговую диаграмму Telerik's Kendo UI.Я использую следующую конфигурацию для всплывающей подсказки:

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

Названия моей категории обрезаются из-за слишком больших меток подсказки.Есть ли способ изменить местоположение, где отображается подсказка?

Answer 1

Я не уверен в перемещении всплывающей подсказки, поскольку вам придется сделать это для всех из них, и она может выглядеть не очень хорошо.Как насчет того, чтобы обернуть ваш текст во всплывающую подсказку?Вы можете сделать это, указав нормальное пробел в вашем шаблоне.Родитель шаблона всплывающей подсказки объединяет его в одну строку, поэтому вы должны переопределить это.

Проверьте эту скрипку здесь и посмотрите, приближает ли это вас к чему-то, что вам подходит.

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

Answer 2

В качестве альтернативы, если вы не хотите использовать перенос слов, предложенный в ответе Бёрка,

.k-tooltip { width: auto } сработало для меня.

Answer 3

вы можете попробовать поиграть с оверлеем или подсказка имеет свойство оверлея

overlay: {
   gradient: "none"
}