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 présente les principes de base de l'utilisation de cases d'option sur une feuille de calcul Microsoft Office 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 de niveau document pour Excel 2013 et Excel 2010. Pour en savoir plus, consultez Fonctionnalités disponibles par type d'application et de projet Office.
Pour consulter le résultat sous forme d'exemple terminé, consultez les exemples de contrôles Excel dans Exemples et procédures pas à pas relatifs au développement Office.
Cette procédure pas à pas décrit les tâches suivantes :
Ajout d'un groupe de cases d'option à une feuille de calcul.
Modification du style de graphique lorsqu'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.Ces éléments dépendent de l'édition de Visual Studio dont vous disposez et des paramètres que vous utilisez.Pour plus d’informations, consultez Paramètres Visual Studio.
Composants requis
Pour exécuter cette procédure pas à pas, vous devez disposer des composants suivants :
-
Une édition de Visual Studio 2012 qui inclut les outils de développement Microsoft Office. Pour plus d'informations, consultez [Configuration d'un ordinateur pour développer des solutions Office](bb398242\(v=vs.110\).md).
- Excel 2013 ou Excel 2010.
Ajout d'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 ajouterez un graphique à un classeur, puis utiliserez ce classeur dans une nouvelle solution Excel.La source de données dans cette procédure pas à pas est une feuille de calcul nommée Données pour Graphique.
Pour ajouter les données
Ouvrez Microsoft Excel.
Cliquez avec le bouton droit sur l'onglet Feuil3 et sélectionnez Renommer dans le menu contextuel.
Renommez la feuille en Données pour Graphique.
Ajoutez les données suivantes à Données pour Graphique, la cellule A4 correspondant à l'angle supérieur gauche et la cellule E8 à l'angle inférieur droit.
Q1
Q2
Q3
Q4
West
500
550
550
600
East
600
625
675
700
North
450
470
490
510
South
800
750
775
790
Ajoutez ensuite un graphique à la première feuille de calcul pour afficher les données.
Pour ajouter un graphique dans Excel
Dans le groupe Graphiques de l'onglet Insertion, cliquez sur Colonne, puis sur Tous types de graphiques.
Dans la boîte de dialogue Insérer un graphique, cliquez sur OK.
Dans l'onglet Création, dans le groupe Données, cliquez sur Sélectionner des données.
Dans la boîte de dialogue Sélectionner une source de données, cliquez dans la zone Plage de données du graphique et effacez toute sélection par défaut.
Dans la feuille Données pour Graphique, sélectionnez le bloc de cellules contenant les nombres (bloc dont la cellule A4 constitue l'angle supérieur gauche et dont la cellule E8 constitue l'angle inférieur droit).
Dans la boîte de dialogue Sélectionner une source de données, cliquez sur OK.
Repositionnez le graphique afin que l'angle supérieur droit s'aligne avec la cellule E2.
Enregistrez votre fichier sur le lecteur C et nommez -le ExcelChart.xlsx.
Quittez Excel.
Création d'un projet
Au cours de cette étape, vous allez créer un projet de classeur Excel basé sur le classeur ExcelChart.
Pour créer un projet
Créez un projet de classeur Excel et attribuez-lui le nom My Excel Chart.Dans l'Assistant, sélectionnez Copier un document existant.
Pour plus d’informations, consultez Comment : créer des projets Office dans Visual Studio.
Cliquez sur le buttonandde Parcourir recherchez le classeur que vous avez créé précédemment dans cette procédure pas - à - pas.
Cliquez sur OK.
Visual Studio ouvre le nouveau classeur Excel dans le concepteur et ajoute le projet My Excel Chart à l'Explorateur de solutions.
Définition des propriétés du graphique
Lorsque vous créez un projet de classeur Excel à partir d'un classeur existant, des contrôles hôtes sont automatiquement créés pour l'ensemble des plages nommées, des objets de liste et des graphiques du classeur.Vous pouvez renommer le contrôle Chart à l'aide de la fenêtre Propriétés.
Pour modifier le nom du contrôle Chart
Sélectionnez le contrôle Chart dans le concepteur et modifiez les propriétés suivantes dans la fenêtre Propriétés.
Propriété
Valeur
Nom
dataChart
HasLegend
false
Ajout de contrôles
Cette feuille de calcul utilise des cases d'option pour permettre aux utilisateurs de modifier rapidement le style de graphique.Ces cases d'option doivent toutefois être exclusives, ce qui signifie qu'une seule case peut être sélectionnée au sein d'un groupe.Ce comportement ne s'applique pas par défaut lorsque vous ajoutez plusieurs cases d'option à une feuille de calcul.
Pour ajouter ce comportement, vous pouvez regrouper les cases d'option sur un contrôle utilisateur, écrire votre code associé au contrôle utilisateur, puis ajouter le contrôle utilisateur à la feuille de calcul.
Pour ajouter un contrôle utilisateur
Sélectionnez le projet My Excel Chart dans l'Explorateur de solutions.
Dans le menu Projet, cliquez sur Ajouter un nouvel élément.
Dans la boîte de dialogue Ajouter un nouvel élément, cliquez sur Contrôle utilisateur, nommez le contrôle ChartOptions et cliquez sur Ajouter.
Pour ajouter des cases d'option au contrôle utilisateur
Si le contrôle utilisateur n'est pas visible dans le concepteur, double-cliquez sur ChartOptions dans l'Explorateur de solutions.
À partir de l'onglet Contrôles communs de la Boîte à outils, faites glisser un contrôle Radio Button vers le contrôle utilisateur et modifiez les propriétés suivantes :
Propriété
Valeur
Nom
columnChart
du texte ;
Histogramme
Ajoutez une deuxième case d'option au contrôle utilisateur et modifiez les propriétés suivantes.
Propriété
Valeur
Nom
barChart
du texte ;
Graphique à barres
Ajoutez une troisième case d'option au contrôle utilisateur et modifiez les propriétés suivantes.
Propriété
Valeur
Nom
lineChart
du texte ;
Graphique en courbes
Ajoutez une quatrième case d'option au contrôle utilisateur et modifiez les propriétés suivantes.
Propriété
Valeur
Nom
areaBlockChart
du texte ;
Graphique blocs en aires
L'étape suivante consiste à écrire du code pour mettre à jour le graphique lorsque l'utilisateur clique sur une case d'option.
Modification du style de graphique lorsqu'une case d'option est sélectionnée
Vous pouvez maintenant ajouter le code pour modifier le style de graphique.Pour cela, 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 chacune des cases d'option.
Pour créer un événement et une propriété sur un contrôle utilisateur
Dans l'Explorateur de solutions, cliquez avec le bouton droit sur le contrôle utilisateur et sélectionnez Afficher le code.
Ajoutez du code à la classe ChartOptions pour créer un événement SelectionChanged et la propriété Selection.
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
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; } }
Pour gérer l'événement CheckedChanged des cases d'option
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.
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
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); } } }
Définissez le type de graphique dans le gestionnaire d'événements CheckedChanged de la case d'option barChart.
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
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); } } }
Définissez le type de graphique dans le gestionnaire d'événements CheckedChanged de la case d'option columnChart.
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
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); } } }
Définissez le type de graphique dans le gestionnaire d'événements CheckedChanged de la case d'option lineChart.
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
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); } } }
En C#, vous devez ajouter des gestionnaires d'événements pour les cases d'option.Vous pouvez ajouter le code au constructeur ChartOptions, sous l'appel à InitializeComponent.Pour plus d'informations sur la création de gestionnaires d'événements, consultez Comment : créer des gestionnaires d'événements dans les projets Office.
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); }
Ajout du 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 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
Dans le menu Générer, cliquez sur Générer la solution.
Le contrôle utilisateur ChartOptions est ajouté à la boîte à outils.
Dans l'Explorateur de solutions, cliquez avec le bouton droit sur Sheet1.vb ou Sheet1.cs et sélectionnez Concepteur de vues.
Faites glisser un contrôle ChartOptions de la boîte à outils jusqu'à la feuille de calcul.
Un nouveau contrôle nommé my_Excel_Chart_ChartOptions1 est ajouté au projet.
Remplacez le nom du contrôle par ChartOptions1.
Modification du 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 qui est affiché dans la feuille de calcul
Ajoutez le gestionnaire d'événements suivant à la classe Sheet1.
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
private void ChartOptions1_SelectionChanged(object sender, EventArgs e) { try { dataChart.ChartType = this.ChartOptions1.Selection; } catch (Exception ex) { MessageBox.Show(ex.ToString()); } }
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 Comment : créer des gestionnaires d'événements dans les projets Office.
this.ChartOptions1.SelectionChanged += new EventHandler(ChartOptions1_SelectionChanged);
Test de l'application
Vous pouvez maintenant tester votre classeur pour vérifier que le style du graphique est correct lorsque vous sélectionnez une case d'option.
Pour tester votre classeur
Appuyez sur F5 pour exécuter votre projet.
Sélectionnez plusieurs cases d'option.
Vérifiez que le style du graphique change conformément à la sélection.
Étapes suivantes
Cette procédure pas à pas présente les principes de base de l'utilisation de cases d'option et de styles de graphique sur les feuilles de calcul Excel.Vous devrez peut-être ensuite exécuter les opérations suivantes :
Déploiement du projet.Pour plus d’informations, consultez Déploiement d'une solution Office.
Utilisation d'un bouton pour remplir une zone de texte.Pour plus d’informations, consultez Procédure pas à pas : affichage de texte dans une zone de texte d'une feuille de calcul à l'aide d'un bouton.
Modification de la mise en forme sur une feuille de calcul à l'aide de cases à cocher.Pour plus d’informations, consultez Procédure pas à pas : modification de la mise en forme d'une feuille de calcul à l'aide de contrôles CheckBox.