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