quarta-feira, 7 de abril de 2010

Microsoft Chart Controls

Olá gente, hoje vou falar sobre o Microsoft Chart Controls que foi comprado da empresa Dundas Data Visualization pela Microsoft, mas que ainda é pouco utilizado.

Primeiro vamos fazer o download do Add-on que está disponivel para a versão 3.5 SP1 do nosso framework ( Ele já vai vir incorporado ao VS2010 )


Depois de instalado vamos a nossa Aba "Data" no Toolbox do V2008 e dê um Choose items, procure a pasta "Microsoft Chart Controls" no arquivos de programa e instale as bibliotecas. 

Na aba que você instalou, procure pelo componente Chart e arraste para o form e altere as propiedades como na figura abaixo:



Quando você arrasta e solta, ele já cria uma estrutura parecida, eu só fiz alterar os nomes e adicionei os DataPoint para esse exemplo.

Vamos ao nosso CodeBehind da pagina e adicione o seguinte código:


using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

namespace webTesteAPPChart
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            try
            {
                //================================================
                // Reparem que está bem básico, apenas para exibirmos os
                // nossos dados
                //==================================================
                if (!Page.IsPostBack)
                {
                    ChartMV.Series["SeriesMV"].Points[0].YValues.SetValue(1, 0);
                    ChartMV.Series["SeriesMV"].Points[1].YValues.SetValue(10, 0);
                    ChartMV.Series["SeriesMV"].Points[2].YValues.SetValue(50, 0);
                    ChartMV.Series["SeriesMV"].Points[3].YValues.SetValue(5, 0);
                   
                    //================================================
                    //  Onde tem 1,10,50,5 são os valores exibidos
                    //================================================
                }
            }
            catch (Exception)
            {
               
                throw new Exception("Erro na leitura das informações");
            }
         

        }
    }
}


Agora  vamos ao resultado Final:



Ok, foi muito facil, mas na Mundo.NET tem um tutorial muito bom, para uso do chart com Banco de dados. 

Esse exemplo pode apenas abrir sua mente para utilização do componente. espero ter ajudado de alguma forma!

Nenhum comentário:

Postar um comentário