Syncfusion React Gauges

SyncfusionControlli del gaugeJavaScript

Visualizza dati numerici con componenti per indicatori circolari e lineari.

  • Visualizza i valori utilizzando indicatori circolari e lineari.
  • Supporta scale, intervalli, puntatori e annotazioni.
  • Include funzionalità interattive come il trascinamento dei puntatori e transizioni animate.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion React Gauges
Syncfusion React Gauges include componenti per il rendering di indicatori circolari e lineari. Questi componenti aiutano a visualizzare valori quantitativi utilizzando scale, intervalli, puntatori e annotazioni configurabili, rendendoli adatti a dashboard e interfacce di monitoraggio nelle applicazioni React. Il componente offre funzionalità di interazione con l'utente, come il trascinamento dei puntatori e animazioni fluide.

Visualizzazione di indicatori circolari

Rende displays di indicatori radiali con assi, tacche, puntatori e intervalli configurabili per rappresentare i valori in un formato circolare.

Visualizzazione di indicatori lineari

Visualizza i valori utilizzando indicatori lineari orizzontali o verticali, supportando barre, indicatori e indicatori comparativi.

Scale e intervalli

Supporta più scale e intervalli per segmentare visivamente i valori ed evidenziare soglie o zone obiettivo.

Personalizzazione di puntatori e indicatori

Fornisce puntatori e indicatori configurabili per indicare i valori correnti, gli obiettivi o le misurazioni comparative.

Annotazioni e etichette

Consente di aggiungere testo e annotazioni personalizzate per fornire informazioni contestuali direttamente all'interno delle visualizzazioni degli indicatori.

Rendering reattivo

Adatta i layout degli indicatori a diverse dimensioni dello schermo, supportandone l'uso in dashboard e applicazioni reattive.

Supporto per eventi e interazioni

Espone eventi per le interazioni dell'utente e le modifiche dei valori, consentendo aggiornamenti dinamici e l'integrazione con la logica dell'applicazione.

Personalizzazione dell'aspetto e globalizzazione

Personalizza caratteri, colori, gradienti, titoli e supporta il rendering da destra a sinistra e la formattazione specifica per località per applicazioni internazionali.

Compatibilità del prodotto

Esamina i dettagli riportati di seguito per assicurarti che questo prodotto sia supportato nell'ambiente in uso.

Tipo di componente

  • JavaScript

Piattaforma JavaScript

  • React