Archives

Archives / 2008 / November
  • Novo controle para Gráficos da ASP.NET: <asp:chart runat="server"/>

    A Micosoft recentemente lançou um novo controle ASP.NET muito legal - <asp:chart /> - que pode ser usado gratuitamente com a ASP.NET 3.5 para permitir ricos cenários de gráficos baseados no browser:

    Uma vez instalado o controle <asp:chart /> aparece abaixo da tab "Data" na caixa de ferramentas, e pode ser facilmente declarado em qualquer página ASP.NET como um controle de servidor padrão:

    O <asp:chart />suporta uma rica variedade de opções de gráfico - incluindo pizza, área, limite, ponto, círculo, acumulação, distribuição de dados, ajax interativo, rosca, e mais. Você pode estaticamente criar os dados do gráfico dentro da declaração do controle, ou alternativamente usar data-binding para populá-lo dinamicamente. No tempo de execução o controle do servidor gera uma imagem (por exemplo um arquivo .PNG) que é referenciado no HTML cliente da página usando um elemento <img/> gerado pelo controle <asp:chart/>. O controle de servidor suporta a habilidade de cache da imagem do gráfico, como também pode salvá-la no disco em cenários de persistência. O controle não requer nenhum outro software de servidor instalado e irá funcionar com qualquer página ASP.NET padrão.

    Para ter uma noção de como usar o controle <asp:chart /> eu recomendo o download do Projeto de Exemplo dos Controles de Gráfico da Microsoft. Este projeto inclui mais de 200 páginas ASP.NET de exemplo que você pode executar localmente. Simplesmente abra o projeto no VS 2008 e clique em executar para vê-las em ação - você pode então abrir o código .aspx de cada página para ver como os gráficos são implementados.

    O exemplo a seguir (em Chart Types->Line Charts->3D Line and Curve Charts) mostra como montar um gráfico de Linha, Spline e StepLine:

    O exemplo a seguir (localizado em Chart Types->Pie and Doughnut Charts) mostra uma variedade de gráficos do tipo pizza e opções 3D para gráficos do tipo rosca:

     

    O exemplo a seguir (localizado em Chart Types->Advanced Financial Charts) mostra alguns exemplos de gráficos financeiros:

    Além dos exemplos acima, você pode fazer o download da Documentação dos Controles de Gráfico da Microsoft ou fazer perguntas no Fórum dos Controles de Gráfico para aprender mais.

    Isto deve prover uma útil (e gratuita) adição para a sua caixa de ferramentas de funcionalidades da ASP.NET, permitindo que você facilmente adicione cenários de visualização e fluxo de dados mais elaborados em suas aplicações ASP.NET.

    Espero que ajude,

    Scott

    (Texto traduzido do post original por Leniel Macaferi.)