L'ingrédient manquant dans vos feuilles de calcul – Graphiques

L’interface utilisateur de Telerik pour WPF a récemment introduit une fonctionnalité majeure pour les composants RadSpreadsheet et RadSpreadProcessing – l’ajout de diagrammes à vos feuilles de calcul pour visualiser des données, etc. Découvrez comment vous pouvez l’utiliser dans vos feuilles de calcul aujourd’hui.

Je parie que la plupart d’entre vous adorent les graphiques. Ces ensembles d’éléments combinés peuvent donner une belle représentation graphique de vos données. Diagrammes à barres, graphiques linéaires, camemberts, graphiques régionaux – autant de graphiques! – et si elles sont utilisées correctement, elles donnent vie à vos données. Je suis heureux de vous annoncer que cet ingrédient essentiel fait désormais partie du contrôle RadSpreadsheet et de la bibliothèque RadSpreadProcessing dans Telerik UI for WPF .

En quelques étapes seulement, vous pouvez désormais transformer vos données en un graphique magnifique.

C'est assez facile en réalité. Une fois que votre feuille de calcul est prête et que toutes les données sont saisies dans les cellules, allez à l'élément de menu "Insérer" et cliquez sur le bouton "Tous les graphiques". Vous pouvez ensuite choisir parmi les types de graphique que vous souhaitez utiliser. Cette approche devrait être automatiquement disponible pour vous si vous utilisez la version Telerik UI pour WPF R1 2019 ou une version ultérieure.

Une autre façon de créer des graphiques consiste à travailler directement avec l'API Graphiques .

Permettez-moi de vous présenter brièvement le type de graphiques que vous pouvez utiliser à ce moment. avec RadSpeadsheet et RadSpreadProcessing, et ce pour quoi ils sont les meilleurs.

• Line : Il est préférable d’afficher les valeurs qui changent avec le temps et fonctionnent très bien pour un grand nombre de valeurs à la hausse ou à la baisse.
      
• Column : Affiche les valeurs sous forme d'ensembles de colonnes groupées par catégorie. Excellent choix pour afficher les colonnes qui poussent du plus petit à gauche au plus grand à droite sur l’axe horizontal. Utilisé pour comparer les valeurs de chaque catégorie. Bon pour montrer des données ordinales.
      
• Bar : Analogue au type de diagramme à colonnes. La principale différence est l'orientation des barres. Bon dans les situations où vous avez de longues étiquettes de catégorie. Bon pour afficher les données nominales (plages).
      
• Pie and Donut : Facilement compris, ils affichent un pourcentage de données proportionnelles, chaque tranche représentant un pourcentage du tout. Les graphiques en anneau prolongent davantage les camemberts en permettant d'afficher plus d'un ensemble de données.
      
• Zone : Utilisé dans des scénarios pour tracer l'évolution au fil du temps et attirer l'attention sur la valeur totale sur une tendance. Contrairement aux graphiques linéaires, les graphiques en aires peuvent afficher le volume.
      
• Scatter [coming in R2 2019]: Utilisé pour montrer la relation entre deux variables. Bon pour comparer un grand nombre de points de données. Les deux axes du diagramme de dispersion sont des axes de valeur.
      
• Bulle [ à venir R2 2019]: Un graphique à bulles est une variante d'un graphique à dispersion dans lequel les points de données sont remplacés par des bulles. En plus du diagramme à nuage de points, Bubble trace les valeurs X, Y et Z (taille).
      

Et comment liez-vous les données et le graphique? Supposons que vos données soient déjà remplies dans un document dans la plage de cellules suivante:

Exécutons maintenant le code ci-dessous:

 FloatingChartShape chartShape =  new   FloatingChartShape ( this  .radSpreadsheet.ActiveWorksheet,  new   CellIndex (2, 7),  new   CellRange (0, 0, 4, 3), ChartType.Column) 
 {
     Largeur = 480, 
     Hauteur = 288, 
}; 



  


               




 chartShape.Chart.Legend =  new   Legend () {Position = LegendPosition.Right}; 
 chartShape.Chart.Title =  new   TextTitle («Produits phares vendus (mensuel)"); 
 this  .radSpreadsheet.ActiveWorksheet.Shapes.Add (chartShape); 

En un clin d'œil, nous avons maintenant le diagramme à colonnes suivant:

Les diagrammes sont entourés de formes. La classe FloatingChartShape est le wrapper vous permettant d'ajouter un graphique à un document. Il expose les constructeurs suivants, qui analysent les données dans le paramètre chartDataRange et créent un graphique avec toutes les données déjà renseignées:

 FloatingChartShape (feuille de calcul, CellIndex cellIndex, CellRange 
 chartDataRange,  params   ChartType [] chartTypes)  

 FloatingChartShape (feuille de calcul, CellIndex cellIndex, CellRange chartDataRange, SeriesRangesOrientation seriesRangesOrientation,  paramètres   Vous avez probablement remarqué que l’exécution du code ci-dessus ajoute une  légende  au graphique. L'ajout de la légende est un morceau de gâteau. Il peut être ajouté ou modifié via la propriété Legend de l'objet  DocumentChart  et peut être positionné via l'énumération  LegendPosition  avec des membres pour  Top  Bottom  Gauche  et  Droite . 



 Il en va de même pour le titre  de la carte . Vous pouvez y accéder et le définir à l'aide de la propriété  Title  de la  DocumentChart . 



 Insérer un graphique Dialogue 

 Attendez! Que faire si vous n’avez pas de document contenant vos données et que vous souhaitez tout créer à partir de rien? En utilisant le contrôle RadSpreadsheet, remplissez simplement vos données et sélectionnez simplement les cellules. Insérez ensuite un graphique à l'aide du bouton "Tous les graphiques" situé sous l'élément de menu "Insérer". 




 Activer le bouton" Tous les graphiques " Nous allons au dialogue "Insérer des graphiques". Et une question me vient à l'esprit. Que faire si vous ne savez pas quel type de graphique conviendrait le mieux à votre scénario, ou si vous voulez simplement voir à quoi vos données ressembleraient dans un graphique à barres? 
 L’utilisation de  L’UI de RadSpreadsheet  vous permet de choisir entre tous les types de graphiques disponibles pris en charge par RadSpreadsheet via le Boîte de dialogue «Insérer des graphiques». Nous travaillons à fournir de plus en plus de types de graphiques qui seront automatiquement ajoutés à la boîte de dialogue, alors restez à l'écoute pour plus d'informations. 


 Update Chart Data 


 Jusqu'ici, tout va bien. mais si vous voulez ma ke change les données? Cette capacité n’est qu’à quelques frappes. Sélectionnez et mettez à jour les valeurs de cellule et toutes les modifications seront automatiquement appliquées au graphique lié. Pour ce faire, modifiez le document via  l'interface utilisateur de RadSpreadsheet  ou à l'aide de  API de graphiques . 




 Exporter les graphiques 


 Et ce n'est pas Une partie essentielle du modèle de RadSpreadsheet est la possibilité d'exporter un document dans un autre format de fichier. Les graphiques peuvent facilement être exportés au format PDF et Excel  XlsxFormatProvider  et  de PdfFormatProvider . 



. Suivant 

 Nous prévoyons de prendre en charge un plus grand nombre des types de graphique les plus couramment utilisés et nous vous tiendrons au courant.Veuillez  faire part de vos réflexions et de vos commentaires  sur les autres types de graphique que vous attendez ou sur ce qui pourrait être amélioré. Aidez-nous à améliorer l'interface utilisateur de Telerik pour WPF! 
Pour ceux qui entendent parler de l'interface utilisateur de Telerik pour WPF pour la première fois et qui souhaitent en savoir plus, consultez  à la page du produit  ou  téléchargez un essai gratuit aujourd'hui  pour commencer.