Can't select a point in series in component source code

[Akshay Rana]

Is there any way to select a point of series in your component.

"selectedDataIndexes" does not work after the chart has rendered.

Example: select a point by index on button click :
https://stackblitz.com/edit/angular-hehuvj-ati7xz?file=app.component.ts

[Kalaimathi Chellaiah]

Hi Akshay, 

 

Greetings from Syncfusion. 

 

We have analyzed your query. From that we would like to let you know that the series not refreshed when we used selectedDataIndex property through button click. That’s why the problem is occurred. By calling chart refresh() method, you can resolve this problem. We have modified the attached sample. Now point selection is working fine as you expect. Please find below, 

 

Code Snippet: 

selectIndex(i: number) { 

    this.chart.selectedDataIndexes = [{series: 0, point: i}]; 

    this.chart.refresh(); 

    // select element on index i  

  } 

 

 

Screenshots: 

Initial Rendering	After Button Click

 

Sample: https://stackblitz.com/edit/angular-hehuvj-dg8ghv?file=app.component.ts 

 

Please let me know if you have any queries. 

Regards, 

Kalai.