<div id="surface"></div>
<script>
var draw = kendo.drawing;
var geom = kendo.geometry;
var radialGradient = new draw.RadialGradient({
    stops: [
        { offset: 0, color: "#ffff00", opacity: 1 },
        { offset: 0.5, color: "#ff8000", opacity: 0.8 },
        { offset: 1, color: "#ff0000", opacity: 0.6 }
    ]
});
var surface = draw.Surface.create($("#surface"));
var circle = new draw.Circle(new geom.Circle([60, 60], 40), {
    fill: radialGradient
});
surface.draw(circle);
</script>