kendo-ui - 如何在剑道图表中更改工具提示的位置

Question

嗨，我的应用程序中有剑道图表，它在右侧显示工具提示我想将工具提示的位置更改为左侧。如何做到这一点。我的图表代码是

         $("#chart").kendoChart({
        title: {
            text: "Internet Users"
           },
         legend: {
    position: "bottom"
},
seriesDefaults: {
    type: "column"
},
series: [{
    name: "World",
    data: [15.7, 16.7, 20, 23.5, 26.6]},
{
    name: "United States",
    data: [67.96, 68.93, 75, 74, 78]}],
valueAxis: {
    labels: {
        format: "{0}%"
    }
},
categoryAxis: {
    categories: [2005, 2006, 2007, 2008, 2009]
},
tooltip: {
    visible: true,
    template: "#= category # value: #= value # %"
}
      });

我的小提琴是http://jsfiddle.net/2dNcP/88/

Answer 1

试试这个

.k-tooltip { margin-left: -100px; }

Answer 2

看看这个链接： http ://www.roelvanlisdonk.nl/?p=3831

同上：

<style type="text/css">
    #myDivId_tt_active {
       background-color: #FFFFFF;
       left: 14px;
    }
</style>
<div id="myDivId"/>

获取您的元素 ID 并与 tt 连接（我猜来自工具提示）并激活它的样式。就那么简单。