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

2 posts, 0 answers
  1. Yaroslav
    Yaroslav avatar
    1 posts
    Member since:
    Jun 2018

    Posted 18 Jul Link to this post

    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'}]})

  2. Stefan
    Admin
    Stefan avatar
    1938 posts

    Posted 20 Jul Link to this post

    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
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top