visualkendo.drawing.Group

The drawing group used to draw the plot area.

Example

<div id="chart"></div>
<script>
$("#chart").kendoChart({
    dataSource: {
        data: [
            { category: "A", value: 15 },
            { category: "B", value: 25 },
            { category: "C", value: 35 }
        ]
    },
    categoryAxis: {
        field: "category"
    },
    series: [{
        field: "value",
        type: "column"
    }],
    render: function(e) {
        var chart = e.sender;
        var plotArea = chart.plotArea;
        
        // Access the plot area visual (drawing Group)
        console.log("Plot area visual:", plotArea.visual);
        
        // Example: Add custom drawing to the plot area
        if (plotArea.visual) {
            var drawing = kendo.drawing;
            var rect = new drawing.Rect([0, 0], [50, 20]);
            var text = new drawing.Text("Custom", [10, 10]);
            
            plotArea.visual.append(rect, text);
        }
    }
});
</script>
In this article
visual
Not finding the help you need?
Contact Support