O grafico de Gantt está disponível nas aplicações de consulta, é ideal para ilustrar o avanço de diferentes etapas de um projeto, por exemplo.

Neste tipo de gráfico, é possível visualizar as tarefas que deve ser realizadas, bem como o tempo previsto de início e fim, e ainda o andamento da mesma.

1. Para este exemplo, crie uma tabela simples contendo apenas os campos necessários para a criação do gráfico. O script abaixo é de uma tabela construída a partir da opção SQL Builder, que encontra-se na opção (**Banco de Dados -> SQL Builder**) no menu horizontal superior do ScriptCase.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=0a12g168ea32e9c9c4f2b90c88eb88c4bf172)

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=0a12g93070a6a76c940c0860dcc81f831c4ec)

2. Nas configurações da aplicação, devemos acessar Consulta>Barra de ferramentas, no menu lateral, e em Barra de ferramentas superior habilitar o botão do gráfico de gantt.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=0a12g8cb0e33b20944f73a1b8d41587028bbc)![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=0a12g285bcd2f54d8414791067d0c4d051f21)

3. Em seguida, iremos configurar o gráfico. No menu lateral acesse Consulta>Gantt.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=0a12g70c581d3d51046b0ba1689780fd1ccbf)

4. Em seguida devemos associar os campos da tabela aos do gráfico, para que as informações sejam exibidas corretamente.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=0a12gc50d1f1da3c0442b9a4e9ae95bdfd6d7)

5. Para exibir o gráfico, devemos executar a aplicação de consulta e clicar no botão "Gantt", conforme destacado na imagem abaixo.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=0a12gac78528a9d184f52bf6f6c6989530617)

6.O gráfico será exibido em uma nova aba. Esta é um exemplo de exibição utilizando HTML 5.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=0a12g278e7b2f5f1b43f3a8d49813c8d475a7)