Fermer

octobre 3, 2019

Démocratiser les données par la simplicité avec RadSparkline


series_types "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/series_types.png?sfvrsn=7d0e897d_1 "data-displaymode =" Original "/> Nous avons introduit le nouveau <strong> WinForms Sparkline </strong> dans l’interface utilisateur de Telerik pour la version WinForms R3 2019. Légère et compacte, cette console a pour objectif de présenter des informations clés avec un excellent rendement Rencontrez RadSparkline. </span><a href=

Le contrôle Sparkline représente un graphique très compact. Il est très utile de mettre en évidence les tendances, en particulier lorsque l'espace disponible sur l'écran est limité. Le contrôle peut facilement afficher la variation d'une mesure ou d'un mouvement du cours de l'action.

RadSparkline prend en charge cinq types de séries différents, chacun présentant les informations. La série devient vraiment puissante lorsqu'elle est combinée aux indicateurs intégrés. Les tendances sont soulignées de manière conviviale et peuvent être perçues d'un seul coup d'œil.

Area

The données p Les oints sont connectés pour former une ligne et une zone délimitées par le chemin des points et la ligne 0. area "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/area. png? sfvrsn = d5e766bc_1 "data-displaymode =" Original "/></p><h2> Barre</h2><p> Cette série permet de visualiser les points de données sous forme de barres, la hauteur de chaque barre indiquant la valeur de sa valeur. <img title=

SparkBarSeries barSeries = new SparkBarSeries ();

barSeries.DataPoints.Add ( new CategoricalSparkDataPoint (10); . 19659027] // Ou simplement

barSeries.DataPoints.Add (10);

RadSparkline expose une API pratique pour mettre en évidence des points de données importants. Les indicateurs sont un excellent moyen d’attirer l’attention de l’utilisateur sur une certaine partie de la tendance, par exemple en soulignant les points élevé et bas négatif ou . premier et le derniers points. indicateurs "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/indicators.png?sfvrsn=9eb9819d_1. "data-displaymode =" Original "/></p><p> Il est très facile d'activer ou de désactiver les indicateurs, car ils possèdent des propriétés spécifiques. Vous pouvez également modifier et personnaliser les couleurs, les largeurs de bordure et même la forme. [19659021] SparkLineSeries series = </code><code style= new SparkLineSeries ();

series.ShowHighPointIndicator = true ;

series.ShowLowPointIndicator = true

series. HighPointBackColor = Color.DarkRed;

series.HighPointBorderWidth = 3; série

series.HighPointBorderColor = Color.Yellow; [1 9659024] series.HighPointSize = new SizeF (20, 20);

series.LowPointShape = new StarShape (5, 5);

series.LowPointBackColor = Couleur. DarkGreen;

// Ajout de points de données

this .radSparkline1.Series = series;

sparkline-indicateurs002 "src =" https://d585tldpucybw.cloudfront.net/sfimages/default-source/ default-album / sparkline-indicateurs002.png? sfvrsn = 102013ee_1 "data-displaymode =" Original "/> </span></p><p> Annotations</p><p> Outre les indicateurs, l'attention des utilisateurs peut également être attirée sur une zone particulière de la carte avec des annotations d'étincelle. Les informations disponibles sont <strong> GridLine </strong> et <strong> PlotBand </strong>. Dans le premier cas, vous pouvez afficher des lignes à un certain emplacement en fonction des valeurs d'axe, tandis que dans le second, vous pouvez indiquer une zone entière – du début à la fin de l'axe vertical ou horizontal <img title=

this .radSparkline1.ExportToImage (@ ".. .. spark.png" nouveau Taille (200, 200));

ceci .radSparkline1.PrintPreview ();

Comme nos commandes sont construites au-dessus de TPF il est très facile d’utiliser l’élément d’allumage principal dans d’autres commandes. Il est découplé du contrôle RadSparkline qui est essentiellement un hôte du RadSparklineElement . Par exemple, vous pouvez ajouter l'élément dans RadRibbonBar et créer un graphique cool pouvant être mis à jour de manière dynamique.

RadSparklineElement sparklineElement = new RadSparklineElement ();

SparkBarSeries sparkBarSeries = nouveau SparkBarSeries (); [19459162] sparkBarSeries.ShowHighPointIndicator = true ; "; [19459166]

. ShowLowPointIndicator = true ;

;

sparkBarSeries.ShowFirstPointIndicator = vrai ; . 9006]

sparkBarSeries.ShowLastPointIndicator = true ; Random rand = new Random ();

[19459242] pour [[19659022] int i = 0; i <10; i ++)

{ [19459166]

[1945924]]. DataPoints.Add ( this .rand.Next (-100, 100));

Le meilleur outil 2023 pour ta croissance Instagram !



Source link

Revenir vers le haut