surface kendo.drawing.Surface

The drawing surface of the Chart. See Drawing API.

Example - bind to surface events

<div id="chart"></div>
<script>
    $("#chart").kendoChart({
        series: [{
            type: "column", data: [1, 2]
        }],
        render: function(e) {
            e.sender.surface.bind("mouseenter", onShapeMouseEnter);
        }
    });

    function onShapeMouseEnter(e) {
        // https://docs.telerik.com/kendo-ui/api/javascript/drawing/surface/events/mouseenter
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e);
    }
</script>
In this article