Responsive Sparkline

[Niall]

Hello,

I wish to place a sparkline chart in the final cell of each row in a html table. When resizing the window a standard area chart resized in line with the browser/its container, however the sparkline does not resize at all. Is it possible for the sparkline to resize automatically like other dataviz objects?

The attached screenshot shows the sparkline on the left and the standard chart on the right after the browser has been resized.

Thanks.

[Iliana Dyankova]

Hello Niall,

Unlike the other Kendo UI Charts, the SparkLine is initialized from a <span> element - it is an inline element and don't have width / height. What I can suggest in this case is to change the chartArea metrics when the window is resized. For example: 

$(window).resize(function(){
   var sparkline = $("#sparklineId").data("kendoSparkline");
   //set chartArea metrics
   sparkline.setOptions({chartArea: {width: 100}});
});

Regards,
Iliana Nikolova
Telerik