Syncfusion Vue Gauges

SyncfusionContrôles de jaugeJavaScript

Composants Vue personnalisables pour les jauges circulaires et linéaires.

  • Visualisez des données numériques avec des composants de jauge circulaire ou linéaire.
  • Prise en charge de plusieurs axes, orientations et contrôles de pointeur interactifs.
  • Options de personnalisation riches pour l’apparence et l’animation.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion Vue Gauges
Syncfusion Vue Gauges fournit des composants de jauge circulaire et linéaire entièrement personnalisables pour visualiser efficacement des valeurs numériques dans les applications Vue. Ces composants permettent aux développeurs de créer des contrôles de visualisation interactifs tels que des compteurs de vitesse, des thermomètres, des règles, et bien plus encore, en utilisant plusieurs axes, divers types de pointeurs et des animations fluides. Conçus pour offrir de la flexibilité, les développeurs peuvent adapter l’apparence et le comportement de la jauge afin de répondre aux exigences des applications sur différents appareils et navigateurs.

Composant de jauge circulaire

Visualisez des valeurs numériques sur une échelle circulaire avec des fonctionnalités telles que plusieurs axes, des angles arrondis et des pointeurs personnalisables. Utilisez-le pour simuler des horloges analogiques, des compteurs de vitesse, des jauges de mesure, ou créez des jauges circulaires semi- et quart-circulaires en ajustant les angles de début et de fin.

Composant de jauge linéaire

Affichez des valeurs numériques sur une échelle linéaire avec prise en charge de plusieurs axes et d’options d’orientation. Personnalisez la jauge pour qu’elle ressemble à des appareils comme des thermomètres, des manomètres ou des règles, en disposition verticale ou horizontale.

Personnalisation des axes

Modifiez les axes de la jauge en ajustant les libellés, les graduations, les positions de décalage, les lignes d’axe et la prise en charge de plusieurs axes. Les utilisateurs peuvent inverser la direction de l’axe et appliquer des styles distincts pour améliorer la lisibilité et la représentation visuelle.

Personnalisation des intervalles

Ajoutez plusieurs intervalles dans les axes de la jauge pour visualiser des plages de valeurs. Ajustez la largeur, la position, les dégradés de couleur et affichez des variations de couleur pour une meilleure interprétation des données.

Types de pointeurs et interaction

Utilisez divers styles de pointeurs, notamment des pointeurs en aiguille, marqueur et barre, pour indiquer les valeurs actuelles. Les pointeurs prennent en charge l’animation, l’interaction par glisser via des gestes tactiles ou de balayage, ainsi que plusieurs pointeurs par axe pour l’affichage comparatif des données.

Apparence et style

Personnalisez entièrement l’apparence de la jauge, y compris les polices, les couleurs, les formes du conteneur, les capuchons et queues des pointeurs, les éléments d’annotation et le placement de la légende. Les transitions de couleur en dégradé et les angles arrondis offrent des options de style avancées.

Réactivité et prise en charge tactile

Les jauges s’adaptent à différentes tailles d’écran et à différents appareils, en prenant en charge les interactions tactiles telles que le déplacement des pointeurs et l’affichage d’info-bulles sans configuration supplémentaire.

Prise en charge de l’accessibilité

Prend en charge la navigation au clavier et les technologies d’assistance, aidant les tableaux de bord à répondre aux exigences d’accessibilité pour un plus large éventail d’utilisateurs.

Documentation et exemples complets

Les développeurs ont accès à une documentation complète, à des démonstrations d’exemples, à des vidéos de tutoriel et à des kits UI pour faciliter l’intégration et la personnalisation des composants de jauge dans les applications Vue.

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

  • Vue.js