Syncfusion Angular Gauges

SyncfusionContrôles de jaugeJavaScript

Visualisez des données numériques avec des jauges circulaires personnalisables.

  • Visualisez des valeurs numériques sur des échelles circulaires avec plusieurs axes.
  • Personnalisez les pointeurs, les plages et les libellés pour une représentation précise des données.
  • Activez l’interactivité grâce aux animations, au glisser-déposer, aux info-bulles et aux options d’exportation.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion Angular Gauges
Syncfusion Angular Circular Gauge permet aux développeurs de présenter des données numériques sur des échelles circulaires flexibles et visuellement attrayantes. Il prend en charge plusieurs axes, pointeurs et personnalisations de plages, adaptés à des applications comme les speedomètres, les horloges et les compteurs de progression. Ses fonctionnalités avancées incluent l’animation, l’interaction par glisser-déposer, les légendes, les info-bulles et l’exportation de données, répondant à des besoins variés de visualisation de données.

Personnalisation des axes

Définissez plusieurs axes circulaires avec des angles de début et de fin, des directions et des styles personnalisables. Ajustez les libellés et les graduations en modifiant la police, la taille, la couleur, les décalages de position et les lignes de bordure afin d’adapter la jauge aux besoins spécifiques des données.

Visualisation des plages

Mettez en évidence les plages de valeurs clés sur les axes à l’aide de plusieurs plages configurables en termes de couleurs, dégradés, largeurs et positions pour améliorer la lisibilité et différencier visuellement les segments de données.

Variétés de pointeurs

Indiquez les valeurs à l’aide de pointeurs hautement personnalisables, notamment de type aiguille, marqueur et barre de plage. Personnalisez les formes, les tailles, les couleurs, les animations et les positions, et ajoutez plusieurs pointeurs par axe pour des représentations de données complexes.

Animation et interaction des pointeurs

Animez en douceur les transitions des pointeurs pour des effets visuels dynamiques. Activez le glisser des pointeurs et des plages pour permettre aux utilisateurs d’ajuster les valeurs de manière interactive, avec des mises à jour en temps réel et la prise en charge des gestes de balayage.

Légendes et info-bulles

Ajoutez des légendes pour identifier facilement les plages et les pointeurs, avec un positionnement et un style configurables. Affichez des info-bulles détaillées au survol pour fournir des informations supplémentaires.

Mises en page flexibles de la jauge

Créez des jauges circulaires complètes, demi-circulaires ou quart de cercle en ajustant les angles de début et de fin, idéales pour différentes tailles d’écran et les zones de tableau de bord compactes.

Prise en charge des annotations

Intégrez n’importe quel contenu HTML comme annotations à des points spécifiques afin de fournir des informations contextuelles ou d’améliorer la présentation de la jauge.

Exportation et impression

Exportez les jauges rendues au format PDF, SVG, PNG, JPEG ou sous forme de chaînes base64 pour une intégration dans des rapports ou une analyse hors ligne. Imprimez directement depuis les navigateurs pris en charge.

Accessibilité et internationalisation

Respectez les normes WAI-ARIA en garantissant la prise en charge des lecteurs d’écran et la navigation au clavier. Personnalisez les nombres et les libellés en fonction de la langue locale à l’aide des fonctionnalités d’internationalisation intégrées.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • Angular