Infragistics Ignite UI for Angular Gauges

InfragisticsControlli del gaugeJavaScript

Visualizza i dati con precisione grazie a componenti gauge Angular flessibili.

  • Include componenti gauge lineari, radiali e bullet graph.
  • Supporta transizioni animate con durate personalizzabili.
  • Consente una personalizzazione dettagliata di aghi, intervalli, etichette e scale.
Infragistics logo

Prezzi da:

Caricamento...
Disponibile in
Infragistics Ignite UI for AngularCaricamento
Infragistics Ignite UICaricamento
Infragistics ProfessionalCaricamento
Infragistics UltimateCaricamento
Hai bisogno di aiuto per scegliere? Vedi Come acquistare e la specifica
immagine del prodotto Infragistics Ignite UI for Angular Gauges
Ignite UI for Angular Gauges offre una suite di componenti progettati per visualizzare i dati in gauge chiari ed efficaci. Gli sviluppatori Angular possono integrare gauge lineari, radiali e bullet graph, ognuno con supporto per scale, aghi, intervalli e transizioni animate personalizzabili. Questi componenti sono ideali per metriche di dashboard, monitoraggio delle prestazioni e confronti con obiettivi.

Linear Gauge Component

Visualizza i valori rispetto a una scala utilizzando un layout lineare. Supporta orientamento, direzione, un ago per l'indicazione del valore e tacche e etichette personalizzabili. Include transizioni animate con durata regolabile.

Radial Gauge Component

Presenta i valori in una scala circolare o a forma di arco con elementi visivi come aghi, tacche ed etichette. Offre proprietà per personalizzare le forme di sfondo, gli archi della scala, le direzioni di sweep e supporta il ridimensionamento ottico per la dimensione dinamica delle etichette.

Bullet Graph Component

Mostra le prestazioni e i valori obiettivo su una scala lineare occupando uno spazio minimo. Visualizza l'avanzamento con una barra di prestazione e un indicatore dell'obiettivo, e include intervalli comparativi per la valutazione qualitativa. Supporta la personalizzazione di orientamento e direzione.

Needle and Highlight Needles

Tutti i tipi di gauge supportano uno o due aghi per rappresentare i valori principali e di evidenziazione. Le forme degli aghi e gli stili del pivot possono essere personalizzati. I gauge radiali consentono facoltativamente agli utenti di trascinare interattivamente l'ago.

Ranges

Elementi visivi che evidenziano intervalli di valori sulla scala per indicare stati qualitativi o soglie. È possibile aggiungere più intervalli con pennelli e contorni personalizzabili per comunicare visivamente i livelli di prestazione.

Tick Marks and Labels

Le tacche principali e secondarie dividono la scala in intervalli per maggiore chiarezza. Le etichette mostrano valori numerici posizionati lungo le scale, con opzioni di stile per font e colori per migliorarne la leggibilità.

Backing and Scale Customization

I backing fungono da sfondo e bordo per i gauge, renderizzati sotto tutti gli altri elementi. Le scale possono essere invertite o stilizzate con pennelli ed estensioni personalizzati per adattarsi ai requisiti di design e agli intervalli di valori.

Animated Transitions

I gauge incorporano il supporto integrato per transizioni animate durante l'aggiornamento dei valori. La durata dell'animazione è configurabile, consentendo aggiornamenti dei dati fluidi e visivamente gradevoli.

Integration and Dependencies

Ogni componente gauge richiede il pacchetto core di Ignite UI Angular. I moduli per ogni tipo di gauge devono essere importati nelle applicazioni Angular per abilitarne funzionalità e caratteristiche.

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

  • Angular
  • JavaScript vanilla