Tutorial: Criando um gráfico básico
Este tutorial demonstra como adicionar o controle do gráfico ao seu aplicativo Windows Forms ou Web e, em seguida, adicionar dados, título, legendas e anotações ao seu gráfico.
Adicionando um controle de gráfico
Siga as etapas abaixo para adicionar um controle de gráfico ao seu Windows Forms para o aplicativo Web.
Para adicionar um controle de gráfico para o seu aplicativo
No modo de design, abra o Toolbox.
Do dados controle categoria, arraste um gráfico à área de design.
Se você não vir o controle do gráfico no ferramentas, clique com o botão direito no caixa de ferramentas, selecione escolher itense, em seguida, selecione os seguintes namespaces no .NET Framekwork componentes guia:
Dica
Para localizar o controle do gráfico mais facilmente no Toolbox, ocultar os controles inativos.Para fazer isso, clique com botão direito do Toolboxe desmarque Mostrar tudo item.
O controle de gráfico na área de design e selecione propriedades.
No propriedades janela, clique o categorizado botão.
No gráfico categoria do propriedades janela, clique o ChartAreas propriedade de coleção e, em seguida, clique no botão de reticências (...). Isso abre o Editor de coleção ChartAreas.
A coleção de ChartAreas (um ChartAreaCollection objeto) contém todos os áreas do gráfico no controle do gráfico. Observe que a coleção já contém uma área de gráfico chamada "ChartArea1".
Clique em Adde, em seguida, clique em OK. Um novo ChartArea objeto é adicionado à coleção com o nome padrão "ChartArea2".
Observe que o gráfico na área de design se reduz à metade do tamanho original. Isso ocorre porque a área de gráfico recém-criado é colocada na parte inferior, mas não contêm uma série de dados.
No propriedades janela, clique o série coleção e, em seguida, clique no botão de reticências. Isso abre o Editor de coleção de série.
A coleção de série (um SeriesCollection objeto) contém todos os série de dados no controle do gráfico. Observe que a coleção já contém uma série chamada "Série1".
No Editor de coleção de série, clique em Adde, em seguida, defina as seguintes propriedades com o recém-criado Series objeto:
Propriedade
Valor
ChartArea
ChartArea2
ChartType
Bar
Name
BarChart
Clique em OKe, em seguida, clique em OK novamente.
Agora há áreas do gráfico, cada área do gráfico contém uma série de dados. No entanto, você não verá nada quando você executar o aplicativo porque a série ainda não tem nenhum dado.
Adicionando dados ao gráfico
Siga as etapas abaixo para adicionar dados ao controle do gráfico que você acabou de criar.
Para adicionar dados ao gráfico
Abra o Editor de coleção de série novamente.
No membros área, selecione série1.
No dados categoria da área de série1 de propriedades, clique na propriedade de coleção de pontos e, em seguida, clique no botão de reticências. Isso abre o Editor de coleção DataPoint.
A coleção Points (um DataPointCollection objeto) contém todos os pontos de dados na série atual.
No Editor de coleção de DataPoint, clique em Adde, em seguida, atribua um valor para o YValues propriedade recém-criado DataPoint objeto.
Repita essa etapa até que você tenha cinco pontos de dados na coleção.
Clique em OKe, em seguida, repita as etapas anteriores para adicionar pontos de dados para a série de BarChart.
No Editor de coleção de série, clique em OK.
Execute seu aplicativo.
Agora você pode ver duas áreas de gráfico no controle do gráfico exibindo os pontos de dados que você acabou de criar na série de dois. Observe os diferentes tipos de gráfico da série de duas.
Adicionando legendas de gráfico
Siga as etapas abaixo para adicionar uma legenda para cada série que você acabou de criar.
Para adicionar uma legenda para cada série
No gráfico categoria do propriedades janela, clique o legendas propriedade de coleção e, em seguida, clique o ... botão à direita. Isso abre o Editor de coleção de legenda.
A coleção de legendas (um LegendCollection objeto) contém todos os legendas no controle do gráfico.
Se não houver uma legenda na legenda Collection Editor, clique em Add.
Defina as seguintes propriedades com o Legend objeto:
Propriedade
Valor
DockedToChartArea
ChartArea1
Docking
Right
IsDockedInsideChartArea
False
Clique em Add novamente e, em seguida, defina as seguintes propriedades com o recém-criado Legend objeto:
Propriedade
Valor
DockedToChartArea
ChartArea2
Docking
Right
Clique em OK.
Observe que, na área de design, a segunda legenda é mostrada para ficar em branco. Por padrão, as duas séries são atribuídos à primeira legenda. Você pode atribuir cada série a uma legenda diferente.
Abra o Editor de coleção de série novamente.
Na área de membros, selecione BarChart.
No legenda categoria da área de propriedades BarChart, no Legend lista de lista suspensa da propriedade, selecione Legend2.
Clique em OK.
Execute seu aplicativo.
Adicionar um título ao gráfico
Siga as etapas abaixo para adicionar um título ao gráfico.
Para adicionar um título ao gráfico
No gráfico categoria do propriedades janela, clique o títulos propriedade de coleção e, em seguida, clique no botão de reticências. Isso abre o Editor de coleção do título.
A coleção de títulos (um TitleCollection objeto) contém todos os títulos no controle do gráfico.
No Editor de coleção de legenda, clique em Add.
No aparência categoria da área de propriedades Título1, digite um título de gráfico no Text propriedade.
Clique em OK.
Execute seu aplicativo.
A marcação de um ponto de dados com uma anotação
Siga as etapas abaixo para usar uma anotação para marcar um ponto de dados no gráfico.
Para marcar um ponto de dados com uma anotação
No gráfico categoria do propriedades janela, clique o anotações propriedade de coleção e, em seguida, clique no botão de reticências. Isso abre o Editor de coleção de anotação.
A coleção de anotações (um AnnotationCollection objeto) contém todos os anotações no controle do gráfico.
No Editor de coleção de anotação, clique o Add seta e selecione ArrowAnnotation.
No âncora categoria da área de propriedades de ArrowAnnotation1, clique o AnchorDataPoint seta e selecione os primeiro ponto de dados em série1.
Defina as seguintes propriedades com o recém-criado Legend objeto:
Propriedade
Valor
Height
-5
Width
0
AnchorOffSetY
-2.5
No Misc categoria, expanda o SmartLabelStyle propriedades e defina seu IsOverlappedHidden propriedade para False.
Clique em OK.
Execute seu aplicativo.
Próxima etapa
Agora, você aprendeu como adicionar o controle do gráfico ao seu aplicativo Windows Forms ou Web e, em seguida, adicionar dados, título, legendas e anotações ao seu gráfico. Para saber como usar gráficos 3D, consulte Tutorial: alteração para um gráfico 3D.
Consulte também
Referência
System.Windows.Forms.DataVisualization.Charting
System.Web.UI.DataVisualization.Charting