Shared DataSource Grid-Chart

3 posts, 0 answers
  1. Ioan
    Ioan avatar
    35 posts
    Member since:
    Dec 2012

    Posted 26 Feb 2015 Link to this post

    On my mobile app, I'm using pairs of Charts and Grids with Shared DataSource. In one case I have a lot of records, and I wish to make the Grid pageable. I did that, i also set pageSize for DataSource, but the problem is the Chart is now pageable too. (There's no server paging, all the data is retrieved at once). On the Chart I want to see all the records represented and not by page. 

    this.ds = new{
               transport: {
                    read: {
                        url: this.url,
                        dataType: "json"
                pageSize: 10


                autoBind: false,
                dataSource: this.ds,
                series: [
                        name: "AAA",
                        type: "line",
                        field: "AAA",
                categoryAxis: {
                    field: "BBB"

                autoBind: false,
                dataSource: this.ds,
                scrollable: false,
                sortable: false,
                filterable: false,
                pageable: {
                    pageSize: 10,
                    pageSizes: [10,20,30,40,50,365]
                columns: [
                    { field: "AAA", title: "AAA"},
                    { field: "BBB", title: "BBB"}
  2. Alexander Popov
    Alexander Popov avatar
    1443 posts

    Posted 02 Mar 2015 Link to this post

    Hello Ioan,

    In that case you might try using a Grid with virtual scrolling instead of paging.

    Alexander Popov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Ioan
    Ioan avatar
    35 posts
    Member since:
    Dec 2012

    Posted 06 Mar 2015 in reply to Alexander Popov Link to this post

    I used two DataSources, and the data I set it manually from a getJSON request. 
    I'll try the virtualpaging too, but it will probably not work very well because the view is also vertical scrollable. And if the grid is also vertical scrollable it might get hard to go through the page.
Back to Top