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

时间:2013-04-16 05:48:05

标签: kendo-ui tooltip kendo-dataviz

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

         $("#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/

2 个答案:

答案 0 :(得分:8)

试试这个

.K-工具提示     {     margin-left:-100px;      }

答案 1 :(得分:0)

查看此链接: http://www.roelvanlisdonk.nl/?p=3831

同上:

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

抓取你的元素ID并与tt连接(我猜测来自工具提示)并激活它以设置样式。就这么简单。