Conceitos, dicas, dúvidas, explicações, exemplos práticos e outros conteúdos para quem quer aprender sobre programação Web com ASP.NET e Razor Syntax
1 de jul. de 2012
[Parte 6] Capítulo 7: Como inserir grafico em uma pagina web
Nos exemplos anteriores, foi mostrado como criar gráficos renderizados diretamente no browser como uma figura. Em muitos casos, é necessário exibir o gráfico como parte da página, não somente sozinho no browser.
A primeira etapa para isso é criar uma página onde o gráfico seja gerado, como visto anteriormente.
A segunda etapa consiste em incorporar o resultado em outra página.
Para exibir o gráfico, pode-se utilizar um elemento HTML <img>, da mesma forma como são exibidas as imagens. Entretanto, ao invés de referenciar um arquivo .jpg ou .png, o elemento <img> irá referenciar um arquivo .cshtml que contém o helper que irá gerar o gráfico.
Quando a página é executada, o elemento <img> obtém a saída do helper e renderiza o gráfico.
1 - Crie uma página chamada ExibirGrafico.cshtml.
2 - Substitua o código existente pelo a seguir:
O código utiliza o elemento <img> para exibir o gráfico criado anteriormente no post "Como criar gráficos a partir de dados contidos em um array".
3 - Execute a página no browser. O arquivo ExibirGrafico.cshtml exibe a imagem do gráfico baseado no código contido no arquivo GraficoArrayBasico.cshtml
Assinar:
Postar comentários (Atom)
Nenhum comentário:
Postar um comentário
Sua crítica, sugestão ou comentário será muito bem vindo!