<div id="container"></div>
<div id="tooltip-container"></div>
<script>
    var draw = kendo.drawing;
    var geom = kendo.geometry;
    var surface = draw.Surface.create($("#container"), {
        width: "400px",
        height: "300px",
        tooltip: {
            appendTo: "#tooltip-container"
        }
    });

    var circle = new draw.Circle(new geom.Circle([200, 150], 50), {
        tooltip: {
            content: "Tooltip appended to custom container"
        }
    }).fill("gold");

    surface.draw(circle);
</script>