Se os dados para o grafico estao em um banco de dados, e possivel executar uma query e vincular ao grafico os dados retornados nessa busca.Esse procedimento mostra como ler e exibir os dados a partir do banco de dados utilizado nos posts do capitulo 6.1 - Adicione uma pasta App_Data no diretorio do site se essa pasta ainda nao existir.2 - Na pasta App_Data, adicione o banco de dados Padaria.sdf criado nos exemplos do capitulo 6.3 - Crie um novo arquivo chamado GraficoDadosQuery.cshtml.4 - Substitua a marcacao pela marcacao a seguir:Inicialmente o codigo abre o banco de dados Padaria e o atribui a variavel chamada db. Essa variavel representa um objeto que pode ser utilizado para ler e escrever no banco de dados.Em seguida, o codigo executa uma query SQL para obter o nome e o preco do produto. O codigo cria um novo grafico e o mesmo e preenchido chamando o metodo DataBindTable. Esse metodo admite dois parametros. O dataSource e para os dados vindos da query e o parametro xField permite escolher qual coluna sera utilizada para o eixo x do grafico.De forma alternativa, pode ser utilizado o metodo AddSeries para o helper Chart. O AddSeries permite escolher os parametros xValue e yValues. Neste caso, o metodo AddSeries pode ser utilizado assim:Os dois metodos produzem o mesmo resultado. O AddSeries e mais flexivel porque atraves dele e possivel especificar o tipo do grafico e seus dados de forma mais explicita. Ja o DataBindTable e utilizado quando nao e necessaria flexibilidade extra.5 - Execute a pagina no browser. Ambos os metodos retornarao a seguinte pagina: Alem de especificar como as colunas individuais devem ser exibidas voce pode formatar o Grid inteiro. Para fazer isso, e necessario definir as classes CSS que especificam como a tabela sera ao ser renderizada (alem de estilos definidos para colunas individualmente).1 - No site, crie uma nova pagina chamada FormatarTabelaWebGrid.cshtml.2 - Substitua o codigo existente pelo codigo a seguir:Esse codigo se baseia no exemplo anterior, mostrando como criar novas classes de estilo. O metodo grid.GetHtml em seguida atribui esses estilos para varios elementos utilizando TableStyle, HeaderStyle, e os parametros AlternatingRowStyle.3 - Execute a pagina no navegador. Dessa vez, o grid e exibido utilizando diferentes estilos que se aplicam a tabela como um todo, como por exemplo, cores diferentes em linhas alternadas. As vezes e necessario trabalhar com um componente (ou classe) que esta disponivel na biblioteca .NET Framework, mas que nao esta totalmente disponivel para paginas utilizando Razor.E possivel fazer isso de duas maneiras:- Fully qualified nameA primeira maneira e utilizar um nome totalmente qualificado para o componente. Esse nome nao sera apenas o nome da classe, mas tambem o namespace que contem a referida classe.O namespace e uma colecao - como se fosse uma biblioteca - que contem classes relacionadas, tornando pratica a tarefa de organizar milhares de classes no .NET Framework.Ao fornecer um nome totalmente qualificado, e possivel certificar-se que o ASP.NET podera encontrar a classe que sera utilizada quando a pagina for executada.Por exemplo, a classe DataSet esta no namespace System.Data. Esse