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

  • Article

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 :

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é.

    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

  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.

    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);
        }
    }
}

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

    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);
        }
    }
}

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

    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);
        }
    }
}

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

    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);
        }
    }
}

  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.

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

  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 :

Contenu connexe