1. Home
  2. Forum
  3. Angular - EJ 2
  4. Go to the top of the page when zooming in the chart

Go to the top of the page when zooming in the chart

I want to use zoom, but when inserting elements on top of it, when using zoom I go to top.
Stackblitz: https://stackblitz.com/edit/angular-frwlmq?file=app.component.html

3 Replies 1 reply marked as answer
DG Durga Gopalakrishnan Syncfusion Team May 5, 2021 10:45 AM UTC

Hi Toan, 
  
Greetings from Syncfusion. 
  
We have validated your reported scenario with attached sample. Since, the chart SVG is removed from DOM for each zoom, the chart DIV element height is set to zero. That’s why the focus is moved to top of the page. We suggest you to specify height for chart element to overcome this problem. Please check with below snippet and sample. 
  
Code Snippet : 
  
<ejs-chart id="chartcontainer" style="display:block;width: 92%; height:450px"> 
</ejs-chart> 
  
Screenshot :  
  
 
  
  
Kindly revert us if you have any concerns. 
  
Regards, 
Durga G

Marked as answer
TB Toan Bui May 10, 2021 04:42 AM UTC

I did it. Thank you!

DG Durga Gopalakrishnan Syncfusion Team May 10, 2021 12:37 PM UTC

Hi Toan, 

Most welcome. Please get back to us if you need any further assistance. We are always happy in assisting you. 

Regards, 
Durga G

Loader.
Up arrow icon