Tutorial: Vinculação de dados de um gráfico a um banco de dados

Este tutorial demonstra como associar dados de um banco de dados, bem como usar dicas de ferramenta e ajustar os rótulos do eixo do gráfico.

Para concluir este tutorial, você deve ter instalado o AdventureWorks2008 banco de dados OLTP de exemplo instalado em uma instância do SQL Server (como o SQL Server 2008 Express). Para instalar o banco de dados de exemplo, vá para www.codeplex.com.

Associação de dados de um banco de dados

Você primeiro associar dados de uma fonte de dados de controle ao controle do gráfico, em seguida, associar colunas específicas da fonte de dados para o X valor e valores Y de uma série.

Para vincular dados de um banco de dados a um gráfico

1. Na superfície de design do seu Windows Forms ou um aplicativo web, arrastar e soltar o controle de gráfico a partir de Toolbox:

2. No propriedades controlar a janela do gráfico, no dados categoria, clique o DataSourceID (ASP.NET) ou DataSource propriedade (Windows Forms), em seguida, clique na seta suspensa e selecione < nova fonte de dados... >.

3. No escolher um tipo de fonte de dados página, selecione banco de dadose, em seguida, clique em próximo.

4. No escolha sua conexão de dados , clique em nova conexão.

5. No Add Connection caixa de diálogo caixa, certifique-se de que o fonte de dados campo é definido como **Microsoft SQL Server (SqlClient)**e forneça o nome do servidor e o nome do banco de dados do banco de dados AdventureWorks2008.

6. Clique em Test Connection, em seguida, clique em OK.

7. Clique em próximo duas vezes.

8. No configurar a instrução Select , selecione especificar uma instrução SQL personalizadae, em seguida, clique em próximo.

9. Copie e cole a seguinte consulta para o instrução SQL campo e, em seguida, clique em próximo.

   select LastName, SalesYTD, SalesLastYear 
     from HumanResources.Employee as e
     inner join Person.Person as p on e.BusinessEntityID = p.BusinessEntityID
     inner join Sales.SalesPerson as s on e.BusinessEntityID = s.BusinessEntityID
   

10. Clique em consulta testee, em seguida, clique em concluir.

    Uma fonte de dados SQL agora está associada ao controle do gráfico com as colunas de dados especificadas na consulta.

Para associar dados aos valores X e Y no gráfico

1. Abra o Editor de coleção de série para o controle do gráfico.

2. No propriedades janela para a série do padrão, no fonte de dados categoria, clique o XValueMember propriedade, clique na seta suspensa e selecione LastName.

   O XValueMember lista suspensa exibe todas as colunas retornadas pela fonte de dados que está associado ao controle do gráfico.

3. Clique o YValueMembers propriedade, clique na seta suspensa e selecione SalesYTD.

   O valor de X da série padrão agora é vinculado à coluna Sobrenome e o primeiro valor Y da série padrão agora é vinculado à coluna SalesYTD.

4. No Editor de coleção de série, clique em Add, e, em seguida, faça o mesmo para a nova série com os seguintes valores:

   Propriedade	Valor
   XValueMember	LastName
   YValueMembers	SalesLastYear

5. Clique em OK.

6. Execute o aplicativo.

   Agora você pode ver duas séries que exibem os pontos de dados que são preenchidos automaticamente da fonte de dados. Você também pode notar que o gráfico exibe todos os funcionários; Isso ocorre porque o controle do gráfico ajusta automaticamente os rótulos para facilitar a leitura.

Ajustando os títulos e rótulos de eixo

Você usa o Axes a propriedade de coleção no Editor de coleção ChartArea personalizar rótulos e títulos dos eixos de área de gráfico.

Para ajustar os rótulos do eixo e adicionar títulos

1. Abra o Editor de coleção ChartArea para o controle do gráfico.

2. Na janela Propriedades para a área de gráfico padrão, no eixos categoria, clique na propriedade de coleção de eixos e, em seguida, clique no botão de reticências (...). Isso abre o Editor de coleção de eixo.

   A coleção de eixos (um Axis matriz) contém o eixos da área do gráfico.

3. Na janela Propriedades (primário) eixo, X no rótulos categoria, expanda o LabelStyle propriedade, em seguida, defina seu Interval propriedade 1e verifique o IntervalStyle não estiver definida.

   Isso faz com que o controle do gráfico mostrar o rótulo para cada ponto de dados é exibido.

4. No título categoria, defina o Title propriedade para "Employee".

5. Na janela Propriedades do eixo Y (primário), na título categoria, defina o Title propriedade como "Vendas".

6. Clique em OK duas vezes.

7. Execute o aplicativo.

   Agora o controle de gráfico exibe todos os funcionários no primário X eixo organizando-as automaticamente em um ângulo de 90 graus.

Adicionando dicas de ferramenta da série

Agora você adicionará as dicas de ferramentas para as duas séries para distinguir entre os pontos de dados.

Para adicionar dicas de ferramenta da série

1. Abra o Editor de coleção de série novamente para o controle do gráfico.

2. Selecione a primeira série.

3. Na janela Propriedades para a primeira série no área do mapa categoria, defina o Tooltip propriedade "#VALX: #VAL vendas do ano.".

   Observe que, se você clicar no botão de reticências no Tooltip campo do valor da propriedade, a cadeia de caracteres de palavra-chave Editor é aberto. Essa caixa de diálogo ajuda a criar uma cadeia de caracteres de dica de ferramenta com palavras-chave.

4. Na janela Propriedades para a primeira série no área do mapa categoria, defina o Tooltip propriedade "#VALX: #VAL vendas no ano passado.".

5. Clique em OK.

6. Execute o aplicativo e, em seguida, mantenha o cursor na parte superior de cada ponto de dados para ver sua dica de ferramenta.

Próxima etapa

Você aprendeu como associar dados de um banco de dados, bem como usar dicas de ferramenta e ajustar os rótulos do eixo do gráfico. Para saber como usar eventos para personalizar seu gráfico, consulte Tutorial: Personalizando um gráfico com eventos.

Consulte também

Referência

System.Windows.Forms.DataVisualization.Charting

System.Web.UI.DataVisualization.Charting

Conceitos

Binding Data to Series

Outros recursos

Getting Started