Geek asks and answers

How to change the position of a tooltip in a kendo chart

Hi, I have a kendo diagram in my application and it displays a tooltip on the right. I want to change the position of the tool tip to the left. How to do it. My chart code

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

+5
source share
2 answers

Try this one

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

+8
source

Check out this link: http://www.roelvanlisdonk.nl/?p=3831

idem est:

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

grab your element id and connect to tt (from the tooltip, I think) and active to its style. Just like that.

0
source

More articles:


All Articles