Visualisez les tendances avec les lignes de tendance KendoReact

Il est facile de rester coincé dans les mauvaises herbes lorsque nous traitons beaucoup de données. Parfois, nous avons besoin d’une nouvelle façon de voir les choses, d’une façon de prendre du recul et de trouver les points importants à retenir. C’est pour cela que les nouvelles lignes de tendance KendoReact Chart sont parfaites !

Que sont les lignes de tendance ?

Lignes de tendance sont un nouvel élément qui peut être éventuellement ajouté au Progress KendoRéagir Graphique composant. Ils fournissent une représentation visuelle (sous la forme d’une ligne supplémentaire ajoutée au graphique) des tendances au sein de l’ensemble de données.

Deux types de lignes de tendance peuvent être ajoutés :

• Linéaire: Indique si une quantité particulière augmente ou diminue au fil du temps

  

• Moyenne mobile: Lisse les variations des données en faisant la moyenne de tous les points d’une période

  

Implémentation des lignes de tendance

Nous pouvons choisir entre ces deux options ou les ajouter toutes les deux à un seul graphique ! Ajoutez simplement un nouveau ChartSeriesItem enfant à la Chart composant et définir le type et for propriétés pour sélectionner le type de Trendline à utiliser et sur quelles données la baser !

<ChartSeriesItem
  type="movingAverageTrendline"
  for="Sales By Quarter"
/>

En option, nous pouvons également modifier la couleur, le type de tiret, le nom, le style, etc., ce qui peut aider à le distinguer visuellement si le graphique a beaucoup de contenu différent. Consultez les documents pour un aperçu complet de chaque propriété Trendline applicable !

Prévisions avec Trendlines

Cependant, l’une des choses les plus intéressantes que Trendlines puisse faire est créer une prévision des résultats anticipés sur la base de l’ensemble de données actuel. C’est parfait pour les projets courants comme les projections de ventes ou les prévisions de croissance !

Pour créer vos propres prévisions, ajoutez beforeet after propriétés définies sur le nombre d’intervalles souhaités pour votre ChartSeriesItem.

<ChartSeriesItem
  name="Sales Forecast (LINEAR)"
  type="linearTrendline"
  for="Sales By Quarter"
  trendline={{ forecast: { before: 2, after: 5 } }}
/>

Essayez-le vous-même !

L’élément Trendline nous permet de donner à nos utilisateurs une nouvelle perspective et une nouvelle compréhension des données de nos composants Chart. Essayez-le et voyez comment l’expérience utilisateur de votre application peut en bénéficier et à quelle vitesse votre temps de développement peut être rapide lorsque des visualisations de données complexes comme celle-ci sont prêtes à être utilisées dès la sortie de la boîte !

Et comme toujours, si vous n’utilisez pas déjà la bibliothèque KendoReact, vous pouvez essayez-le entièrement gratuitement pendant 30 jours.

Essayez KendoReact