Vazaram njo site Steam dois videos do gameplay do mais novo game do classico Sonic. No primeiro, ele aparece em destaque, e no segundo, Tails se junta a acao. Nos exemplos anteriores, foi mostrado como criar graficos renderizados diretamente no browser como uma figura. Em muitos casos, e necessario exibir o grafico como parte da pagina, nao somente sozinho no browser.A primeira etapa para isso e criar uma pagina onde o grafico seja gerado, como visto anteriormente.A segunda etapa consiste em incorporar o resultado em outra pagina.Para exibir o grafico, pode-se utilizar um elemento HTML <img>, da mesma forma como sao exibidas as imagens. Entretanto, ao inves de referenciar um arquivo .jpg ou .png, o elemento <img> ira referenciar um arquivo .cshtml que contem o helper que ira gerar o grafico.Quando a pagina e executada, o elemento <img> obtem a saida do helper e renderiza o grafico.1 - Crie uma pagina chamada ExibirGrafico.cshtml.2 - Substitua o codigo existente pelo a seguir:O codigo utiliza o elemento <img> para exibir o grafico criado anteriormente no post "Como criar graficos a partir de dados contidos em um array".3 - Execute a pagina no browser. O arquivo ExibirGrafico.cshtml exibe a imagem do grafico baseado no codigo contido no arquivo GraficoArrayBasico.cshtml Graficos podem exibir elementos adicionais como legendas, series, titulos, entre outros. A figura seguinte exibe alguns dos elementos que podem ser alterados e personalizados quando utilizamos o helper Chart.Os posts seguintes mostrarao como configurar varios desses elementos. Como apresentado no post (Objetos e Colecoes), um array permite que seja armazenada uma colecao de itens semelhante sem uma unica variavel. Podemos utilizar arrays que contenham dados a serem exibidos no grafico que sera criado.Este procedimento mostra como criar um grafico a partir de dados de um array, utilizando o tipo de grafico padrao. Tambem sera mostrado como exibir o grafico na pagina Web.1 - Crie um arquivo chamado GraficoArrayBasico.cshtml2 - Substitua a marcacao pelo codigo a seguir:Inicialmente o codigo cria um novo grafico e configura sua largura e altura. E possivel especificar o titulo do grafico utilizando o metodo AddTitle. Para adicionar dados, e utilizado o metodo AddSeries.Nesse exemplo, foram utilizados os paramentros xValue e yValues do metodo AddSeries. O parametro name e exibido na legenda do grafico.o Parametro xValue contem um array de dados que sao exibidos no eixo horinzontal do grafico. O parametro yValues contem um array de dados utilizados para marcar os pontos verticais no grafico.O metodo Write renderiza efetivamente o grafico. Nesse caso, como nao foi especificado o tipo de grafico, e utilizado como padrao o grafico de colunas.3 - Execute a pagina no navegador. O grafico deve ser exibido da seguinte forma: Bom, pessoal... Fiz uma atualizacao para o Webmatrix 2 e estou tendo problemas para rodar os projetos. Tenho alguns posts prontos para colocar aqui, mas so conseguirei postar quando resolver esse problema.Peco desculpas a todos e espero em breve poder voltar a postar.Abracos Nos capitulos anteriores, vimos como exibir dados manualmente e em um grid. Este capitulo explica como exibir dados em um grafico.Veremos:- Como exibir dados em um grafico.-