How we can increase Y axis and X axis at realtime with the help of Pagination

[Sourabh Brajesh Sharma]

Hello Team ,

I want having one issue , i want to increase X axis as well as Y axis numbering with the help of Pagination.

Like there will be one column for increasing Page which will hit to the Page Resize function .

So in first Y axis is taking by default taking up to 9 rows but in backend data there are 15 rows , So when we increase the Page like from 9 to 15 so at Realtime it should increase up to 15 column .

If Syncfusion team can send me Sample Code for This , So i can implement it .

[Durga Gopalakrishnan]

Hi Sourabh, 

We request you to use chart refresh method to update the data source for chart. For an example, we have used button to change the datasource and refreshed the chart. We suggest you to refresh while changing the page.  

public changeData() { 

        this.chart.series[0].dataSource = [ 

            { x: 'Biscuit', y: 1.2 }, { x: 'Meat', y: 1.3 }, 

            { x: 'Coffee', y: 1.5 }, { x: 'Vegetable', y: 2.2 } 

        ]; 

        this.chart.refresh(); 

    } 

Before Update 

 

After Update  

 

Sample : https://stackblitz.com/edit/angular-soyykf 

Kindly revert us if you have any concerns. 

Regards, 

Durga G