Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to chage the postion of tooltip in kendo chart

Hi i have kendo chart in my application,and it is displaying tool-tip in right side I want to change the position of tool-tip to left side.How to do this one. My chart code is

         $("#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 # %"
}
      });

My fiddle is http://jsfiddle.net/2dNcP/88/

like image 355
user2138545 Avatar asked Apr 16 '13 05:04

user2138545


1 Answers

Try this one

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

like image 89
user2049357 Avatar answered Nov 19 '22 06:11

user2049357