How can I create a preview chart that expands to a full-page chart as seen in the "Syncfusuion Flutter UI Widgets" app

Question

Hello, I am a student and I am trying to learn how to make line charts in Flutter.
I am planning to use the Syncfusion flutter charts, but I just have one question.

In the "Syncfusuion Flutter UI Widgets" app for demoing Syncfusion widgets, there is a smaller version of the Line chart in the examples. When you click the fullscreen button, it opens a bigger chart on a separate page. I have included screenshots at the end to illustrate what I'm referring to. How is this done? I've been digging through the documentation for the Cartesian charts, but I can't seem to find anything. I would like to be able to implement something like this. That is, I want to have a smaller "preview version" of the chart, and then I can click on it to open a bigger "full-screen" version of the chart. Can anyone please tell me how this can be done?

Thank you for your time.

Line chart.jpg

Sriram Kiran Senthilkumar · Accepted Answer

Hi Matt,Greetings from Syncfusion.We have checked your query at our end and have created a simple sample in which we have added rendered a chart in
card view and placed a full-screen icon which on tap will navigate to another
page in which the chart widget will be displayed in full-screen view. We have
attached the sample below for reference. Please check and get back to us
if you require further assistance.Regards,
Sriram KiranAttachment: f178385_de83435.zip

Matt Keller · Answer

Thank you very much!This is exactly what I was looking for!This is very helpful.

Sriram Kiran Senthilkumar · Answer

Hi Matt,Most welcome. Kindly get in touch with us if you require further assistance. We are always happy to assist you.Note: If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.Regards,Sriram Kiran