In this example we will see how to create and use a link between the Chart and the Grid, allowing the end user to navigate from a graph to display the details of a record.
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/chart_link_01.png)
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/chart_link_02.png)
Creating the Grid application
1. We will create a new Grid application based on the orders table.
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/newapp_grid_orders.png)
2. Open the guide “Group By” in the application menu, then click on “Static Group By>>New Group By”.
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/grid_menu_quebra_estatica.png)
3. Select the field: “employeeid”.
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/chart_link_03.png)
4. Back to the initial options “Grid Modules”
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/grid_menu_modulos.png)
5. Mark the “Chart” as the initial module and enable just the modules: “Grid and”Chart“.
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/chart_link_04.png)
6. Access the guide “Summary” in the application menu, then click on “Charts>>Settings”.
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/grid_menu_resumo_grafico_configuracao.png)
7. In the “Create link on the chart”, change to “Link to Grid.” Use the other chart settings according to the image below, or the settings you prefer.
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/chart_link_05.png)
8. Click on the button “Run application”
![](http://scriptcase.net/scriptcase-samples/tutoriais/grid/img/run.png)
Comment this post