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

Nenhum comentário:

Postar um comentário

Sua crítica, sugestão ou comentário será muito bem vindo!