Procédure pas à pas : mise à jour d'un graphique dans une feuille de calcul à l'aide de cases d'option

Cette procédure pas à pas montre les principes fondamentaux de l’utilisation de cases d’option sur une feuille de calcul Microsoft Bureau Excel pour permettre à l’utilisateur de basculer rapidement entre les options. Dans ce cas, les options modifient le style d’un graphique.

S’applique à : les informations contenues dans cette rubrique s’appliquent aux projets au niveau du document pour Excel. Pour plus d’informations, consultez Fonctionnalités disponibles par application Office lication et le type de projet.

Pour voir le résultat sous la forme d’un exemple terminé, consultez l’exemple de contrôles Excel dans Bureau exemples de développement et les procédures pas à pas.

Cette procédure pas à pas décrit les tâches suivantes :

• Ajout d’un groupe de cases d’option à une feuille de calcul.

• Changement de style de graphique quand une option est sélectionnée.

Remarque

Il est possible que pour certains des éléments de l'interface utilisateur de Visual Studio, votre ordinateur affiche des noms ou des emplacements différents de ceux indiqués dans les instructions suivantes. L'édition de Visual Studio dont vous disposez et les paramètres que vous utilisez déterminent ces éléments. Pour plus d’informations, consultez Personnaliser l’IDE Visual Studio.

Prérequis

Vous devez disposer des éléments suivants pour exécuter cette procédure pas à pas :

• Une édition de Visual Studio qui inclut les outils de développement Microsoft Office. Pour plus d’informations, consultez Configurer un ordinateur pour développer des solutions Bureau.

• Excel 2013 ou Excel 2010 .

Ajouter un graphique à une feuille de calcul

Vous pouvez créer un projet de classeur Excel qui personnalise un classeur existant. Dans cette procédure pas à pas, vous allez ajouter un graphique à un classeur, puis utiliser ce classeur dans une nouvelle solution Excel. La source de données de cette procédure pas à pas est une feuille de calcul nommée Data for Chart.

Pour ajouter les données

1. Ouvrez Microsoft Excel.

2. Cliquez avec le bouton droit sur l’onglet Feuille3 , puis cliquez sur Renommer dans le menu contextuel.

3. Renommez la feuille en données pour le graphique.

4. Ajoutez les données suivantes à Data for Chart avec la cellule A4 en haut à gauche et E8 le coin inférieur droit.

   Région / Trimestre	T1	T2	T3	T4
   West	500	550	550	600
   Est	600	625	675	700
   Nord	450	470	490	510
   Sud	800	750	775	790

   Ensuite, ajoutez un graphique à la première feuille de calcul pour afficher les données.

Pour ajouter un graphique dans Excel

1. Sous l’onglet Insertion, dans le groupe Graphiques, cliquez sur Colonne, puis sur Tous les types de graphiques.

2. Dans la boîte de dialogue Insérer un graphique , cliquez sur OK.

3. Sous l’onglet Création , dans le groupe Données , cliquez sur Sélectionner des données.

4. Dans la boîte de dialogue Sélectionner une source de données, cliquez dans la zone de plage Chartdata et désactivez toute sélection par défaut.

5. Dans la feuille Données pour graphique , sélectionnez le bloc de cellules qui contient les nombres, qui inclut A4 dans le coin supérieur gauche à E8 dans le coin inférieur droit.

6. Dans la boîte de dialogue Sélectionner une source de données, cliquez sur OK.

7. Repositionnez le graphique afin que le coin supérieur droit s’aligne sur la cellule E2.

8. Enregistrez votre fichier sur le lecteur C et nommez-le ExcelChart.xlsx.

9. Quittez Excel.

Création d'un projet

Dans cette étape, vous allez créer un projet de classeur Excel basé sur le classeur ExcelChart .

Pour créer un projet

1. Créez un projet de classeur Excel avec le nom Mon graphique Excel. Dans l’Assistant, sélectionnez Copier un document existant.

   Pour plus d’informations, consultez Guide pratique pour créer des projets Bureau dans Visual Studio.

2. Cliquez sur le bouton Parcourir et accédez au classeur que vous avez créé précédemment dans cette procédure pas à pas.

3. Cliquez sur OK.

   Visual Studio ouvre le nouveau classeur Excel dans le concepteur et ajoute le projet Mon graphique Excel à Explorateur de solutions.

Définir les propriétés du graphique

Lorsque vous créez un projet de classeur Excel qui utilise un classeur existant, les contrôles hôtes sont automatiquement créés pour toutes les plages nommées, les objets de liste et les graphiques du classeur. Vous pouvez modifier le nom du Chart contrôle à l’aide de la fenêtre Propriétés .

Pour modifier le nom du contrôle Chart

1. Sélectionnez le Chart contrôle dans le concepteur et modifiez les propriétés suivantes dans la fenêtre Propriétés .

   Propriété	Valeur
   Nom	dataChart
   HasLegend	false

Ajouter des contrôles

Cette feuille de calcul utilise des cases d’option pour permettre aux utilisateurs de modifier rapidement le style du graphique. Toutefois, les cases d’option doivent être exclusives : lorsqu’un bouton est sélectionné, aucun autre bouton du groupe ne peut être sélectionné en même temps. Ce comportement ne se produit pas par défaut lorsque vous ajoutez plusieurs cases d’option à une feuille de calcul.

Une façon d’ajouter ce comportement consiste à regrouper les cases d’option sur un contrôle utilisateur, à écrire votre code derrière le contrôle utilisateur, puis à ajouter le contrôle utilisateur à la feuille de calcul.

Pour ajouter un contrôle utilisateur

1. Sélectionnez le projet Mon graphique Excel dans Explorateur de solutions.

2. Dans le menu Projet , cliquez sur Ajouter un nouvel élément.

3. Dans la boîte de dialogue Ajouter un nouvel élément , cliquez sur Contrôle utilisateur, nommez le contrôle ChartOptions, puis cliquez sur Ajouter.

Pour ajouter des cases d’option au contrôle utilisateur

1. Si le contrôle utilisateur n’est pas visible dans le concepteur, double-cliquez sur ChartOptions dans Explorateur de solutions.

2. Sous l’onglet Contrôles communs de la boîte à outils, faites glisser un contrôle Case d’option vers le contrôle utilisateur et modifiez les propriétés suivantes.

   Propriété	Valeur
   Nom	columnChart
   Texte	Histogramme

3. Ajoutez une deuxième case d’option au contrôle utilisateur et modifiez les propriétés suivantes.

   Propriété	Valeur
   Nom	Barchart
   Texte	Graphique à barres

4. Ajoutez une troisième case d’option au contrôle utilisateur et modifiez les propriétés suivantes.

   Propriété	Valeur
   Nom	Linechart
   Texte	Graphique en courbes

5. Ajoutez une quatrième case d’option au contrôle utilisateur et modifiez les propriétés suivantes.

   Propriété	Valeur
   Nom	areaBlockChart
   Texte	Graphique en blocs de zone

   Ensuite, écrivez le code pour mettre à jour le graphique lorsqu’une case d’option est cliquée.

Modifier le style du graphique lorsqu’une case d’option est sélectionnée

Vous pouvez maintenant ajouter le code pour modifier le style de graphique. Pour ce faire, créez un événement public sur le contrôle utilisateur, ajoutez une propriété pour définir le type de sélection et créez un gestionnaire d’événements pour l’événement CheckedChanged de chacun des cases d’option.

Pour créer un événement et une propriété sur un contrôle utilisateur

1. Dans Explorateur de solutions, cliquez avec le bouton droit sur le contrôle utilisateur, puis cliquez sur Afficher le code.

2. Ajoutez du code à la ChartOptions classe pour créer un SelectionChanged événement et la Selection propriété.

   C#

   public event EventHandler SelectionChanged;
   
   private Microsoft.Office.Interop.Excel.XlChartType selectedType =
       Microsoft.Office.Interop.Excel.XlChartType.xlColumnClustered;
   
   public Microsoft.Office.Interop.Excel.XlChartType Selection
   {
       get
       {
           return this.selectedType;
       }
       set
       {
           this.selectedType = value;
       }
   }
   

   VB

   Public Event SelectionChanged(ByVal sender As System.Object, ByVal e As System.EventArgs)
   
   Private selectedType As Microsoft.Office.Interop.Excel.XlChartType = _
       Microsoft.Office.Interop.Excel.XlChartType.xlColumnClustered
   
   Public Property Selection() As Microsoft.Office.Interop.Excel.XlChartType
       Get
           Return Me.selectedType
       End Get
       Set(ByVal value As Microsoft.Office.Interop.Excel.XlChartType)
           Me.selectedType = value
       End Set
   End Property
   

Pour gérer l’événement CheckedChanged des cases d’option

1. Définissez le type de graphique dans le gestionnaire d’événements CheckedChanged de la case d'option areaBlockChart, puis déclenchez l'événement.

   C#

   private void areaBlockChart_CheckedChanged(object sender, EventArgs e)
   {
       if (((RadioButton)sender).Checked)
       {
           this.selectedType = Microsoft.Office.Interop.Excel.XlChartType.xlAreaStacked;
           if (this.SelectionChanged != null)
           {
               this.SelectionChanged(this, EventArgs.Empty);
           }
       }
   }
   

   VB

   Private Sub areaBlockChart_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) _
       Handles areaBlockChart.CheckedChanged
   
       If (CType(sender, RadioButton).Checked) Then
   
           Me.selectedType = Microsoft.Office.Interop.Excel.XlChartType.xlAreaStacked
           RaiseEvent SelectionChanged(Me, EventArgs.Empty)
       End If
   End Sub
   

2. Définissez le type de graphique dans le gestionnaire d’événements CheckedChanged de la case d'option barChart.

   C#

   private void barChart_CheckedChanged(object sender, EventArgs e)
   {
       if (((RadioButton)sender).Checked)
       {
           this.selectedType = Microsoft.Office.Interop.Excel.XlChartType.xlBarClustered;
           if (this.SelectionChanged != null)
           {
               this.SelectionChanged(this, EventArgs.Empty);
           }
       }
   }
   

   VB

   Private Sub barChart_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) _
       Handles barChart.CheckedChanged
   
       If (CType(sender, RadioButton).Checked) Then
   
           Me.selectedType = Microsoft.Office.Interop.Excel.XlChartType.xlBarClustered
           RaiseEvent SelectionChanged(Me, EventArgs.Empty)
       End If
   End Sub
   

3. Définissez le type de graphique dans le gestionnaire d’événements CheckedChanged de la case d'option columnChart.

   C#

   private void columnChart_CheckedChanged(object sender, EventArgs e)
   {
       if (((RadioButton)sender).Checked)
       {
           this.selectedType = Microsoft.Office.Interop.Excel.XlChartType.xlColumnClustered;
           if (this.SelectionChanged != null)
           {
               this.SelectionChanged(this, EventArgs.Empty);
           }
       }
   }
   

   VB

   Private Sub columnChart_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) _
       Handles columnChart.CheckedChanged
   
       If (CType(sender, RadioButton).Checked) Then
   
           Me.selectedType = Microsoft.Office.Interop.Excel.XlChartType.xlColumnClustered
           RaiseEvent SelectionChanged(Me, EventArgs.Empty)
       End If
   End Sub
   

4. Définissez le type de graphique dans le gestionnaire d’événements CheckedChanged de la case d'option lineChart.

   C#

   private void lineChart_CheckedChanged(object sender, EventArgs e)
   {
       if (((RadioButton)sender).Checked)
       {
           this.selectedType = Microsoft.Office.Interop.Excel.XlChartType.xlLineMarkers;
           if (this.SelectionChanged != null)
           {
               this.SelectionChanged(this, EventArgs.Empty);
           }
       }
   }
   

   VB

   Private Sub lineChart_CheckedChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) _
       Handles lineChart.CheckedChanged
   
       If (CType(sender, RadioButton).Checked) Then
   
           Me.selectedType = Microsoft.Office.Interop.Excel.XlChartType.xlLineMarkers
           RaiseEvent SelectionChanged(Me, EventArgs.Empty)
       End If
   End Sub
   

5. En C#, vous devez ajouter des gestionnaires d'événements pour les cases d'option. Vous pouvez ajouter du code au constructeur ChartOptions, sous l'appel à InitializeComponent. Pour plus d’informations sur la création de gestionnaires d’événements, consultez Guide pratique pour créer des gestionnaires d’événements dans Bureau projets.

   public ChartOptions()
   {
       InitializeComponent();
   
       areaBlockChart.CheckedChanged += new EventHandler(areaBlockChart_CheckedChanged);
       barChart.CheckedChanged += new EventHandler(barChart_CheckedChanged);
       columnChart.CheckedChanged += new EventHandler(columnChart_CheckedChanged);
       lineChart.CheckedChanged += new EventHandler(lineChart_CheckedChanged);
   }
   

Ajouter le contrôle utilisateur à la feuille de calcul

Lorsque vous générez la solution, le nouveau contrôle utilisateur est automatiquement ajouté à la boîte à outils. Vous pouvez ensuite faire glisser le contrôle de la boîte à outils vers votre feuille de calcul.

Pour ajouter le contrôle utilisateur à votre feuille de calcul

1. Dans le menu Générer, cliquez sur Générer la solution.

   Le contrôle utilisateur ChartOptions est ajouté à la boîte à outils.

2. Dans Explorateur de solutions, cliquez avec le bouton droit sur Sheet1.vb ou Sheet1.cs, puis cliquez sur Concepteur de vues.

3. Faites glisser le contrôle ChartOptions de la boîte à outils vers la feuille de calcul.

   Un nouveau contrôle nommé my_Excel_Chart_ChartOptions1 est ajouté à votre projet.

4. Remplacez le nom du contrôle par ChartOptions1.

Changer le type de graphique

Pour modifier le type de graphique, créez un gestionnaire d’événements qui définit le style en fonction de l’option sélectionnée dans le contrôle utilisateur.

Pour modifier le type de graphique affiché dans la feuille de calcul

1. Ajoutez le gestionnaire d'événements suivant à la classe Sheet1.

   C#

   private void ChartOptions1_SelectionChanged(object sender, EventArgs e)
   {
       try
       {
           dataChart.ChartType = this.ChartOptions1.Selection;
       }
       catch (Exception ex)
       {
           MessageBox.Show(ex.ToString());
       }
   }
   

   VB

   Private Sub ChartOptions1_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs) _
       Handles ChartOptions1.SelectionChanged
   
       Try
           dataChart.ChartType = Me.ChartOptions1.Selection
       Catch ex As Exception
           MessageBox.Show(ex.Message)
       End Try
   End Sub
   

2. En C#, vous devez ajouter un gestionnaire d’événements pour le contrôle utilisateur à l’événement Startup , comme indiqué ci-dessous. Pour plus d’informations sur la création de gestionnaires d’événements, consultez Guide pratique pour créer des gestionnaires d’événements dans Bureau projets.

   this.ChartOptions1.SelectionChanged += new EventHandler(ChartOptions1_SelectionChanged);
   

Test de l’application

Vous pouvez maintenant tester votre classeur pour vérifier que le graphique est correctement mis en forme lorsque vous sélectionnez une case d’option.

Pour tester votre classeur

1. Appuyez sur F5 pour exécuter votre projet.

2. Sélectionnez plusieurs cases d'option.

3. Confirmez que le style de graphique change pour refléter la sélection.

Étapes suivantes

Cette procédure pas à pas montre les principes de base de l’utilisation de cases d’option et de styles de graphique sur les feuilles de calcul. Voici quelques tâches susceptibles de venir après :

• Déploiement du projet. Pour plus d’informations, consultez Déployer une solution Bureau.

• Utilisation d'un bouton pour renseigner une zone de texte. Pour plus d’informations, consultez Procédure pas à pas : afficher du texte dans une zone de texte d’une feuille de calcul à l’aide d’un bouton.

• Modifiez la mise en forme d’une feuille de calcul à l’aide de case activée zones.

Contenu connexe

• Procédures pas à pas à l’aide d’Excel