Kendo chart with separate data for each series not load on mobile

[Yaroslav]

Here is the code how I built my kendo Chart

$('#chartR').kendoChart({ title: { text: "Selected Rep Compared to All Reps (March 2018- April 2017 Only)"}, legend: { position: 'bottom'}, tooltip: { visible: true,template: '#: series.name # #: value #%'}, seriesDefaults: { type: 'column', overlay: { gradient: 'none'}, categoryField: 'Chain'},//seriesColors series: [{ data: newData, name: 'Selected Rep', field: 'Per2018Amount'},{ data: totalData, name: 'All Reps', field: 'Total2018Amount'}], valueAxis: { labels: { format: '{0}%'}}})

As was in my goal i need to define separate data for each of series but onLoad on mobile devices i cant see anything. What the problem can be? Also I'm refreshing charts on screen dimensions changing with

var chartR = $('#chartR').data('kendoChart') chartR.refresh();

And with select I'm changing data for one of the series

chartR.setOptions({ series: [{ data: newData, name: 'Selected Rep', field: 'Per2018Amount'},{ data: totalData, name: 'All Reps', field: 'Total2018Amount'}]})

[Stefan]

Hello, Yaroslav,

Thank you for the code.

I used the code and made a Chart with dummy data which was rendered on a mobile device as expected:

https://dojo.telerik.com/OsexIXEF

If possible, please modify the example in order to reproduce the issue.

Also, advise if this occurs on all mobile devices or only on some.

Regards,
Stefan
Progress Telerik