Angular Charts – Données en temps réel Web & Mobile
- Plus de 50 types de Charts
- Performances ultra-rapides
- Animations élégantes
- Configuration et API simples
- Support de tous les navigateurs modernes
- Adaptatif mobile et responsive
- Documentation détaillée
Trusted by the world’s leading companies
Aperçu
L’Angular Charts est un composant de Charts bien conçu pour la visualisation de données. Il contient une riche galerie d’interface utilisateur de plus de 50 Charts et diagrammes, allant des lignes aux Charts financiers qui répondent à tous les scénarios de Charts. Ses hautes performances permettent de rendre rapidement de grandes quantités de données. Il est également livré avec des fonctionnalités telles que le zoom, le panoramique, l’info-bulle, le réticule, la boule de suivi, la surbrillance et la sélection.
Pourquoi choisir Syncfusion Essential Studio® Angular Charts ?
Plus de 50 types de Charts
Du simple graphique Angular (ligne, barre, zone) au financier complexe, tous hautement personnalisables.
Animation de Charts
Charts pour Angular fournit une animation fluide pour représenter les données avec des transitions en douceur.
Performance
Les Angular Charts sont soigneusement conçus pour offrir des performances rapides, capables de rendre 100 000 points de données en moins d’une seconde.
Rendu SVG
Rendu vectoriel, propre et net pour tous vos besoins de réactivité et de mise à l’échelle.
Édition de données
Angular Charts avec une interface utilisateur riche fournit un support glisser-déposer pour les points rendus. L’édition de données vous permet de manipuler les données sur un graphique.
Lignes de tendance
Affiche la direction et la vitesse de mouvement des prix. Les lignes de tendance peuvent être générées pour les séries de type cartésien (Ligne, Colonne, Nuage de points, Zone, Chandelier, HiLo, etc.) sauf barre.
Mondialisation et localisation
Les utilisateurs de différentes locales peuvent utiliser les Charts Angular en formatant les dates, devises et numérotation selon leurs préférences.
Exportation
Exportez les Charts vers des documents PDF ou comme formats d’image tels que SVG, PNG et JPEG.
Angular Charts puissants, conviviaux et riches en fonctionnalités pour votre entreprise
Exemple de code Angular Charts
Commencez facilement avec Angular Charts en utilisant quelques lignes simples de code HTML et TS comme démontré ci-dessous. Explorez également notre Exemple Angular Charts qui vous montre comment rendre et configurer les Charts dans Angular.
<ejs-chart style='display:block' id='chartcontainer' [primaryXAxis]='primaryXAxis'>
<e-series-collection>
<e-series [dataSource]='data' type='Line' xName='x' yName='y'> </e-series>
</e-series-collection>
</ejs-chart>//app.component.ts
import { Component } from '@angular/core';
export class AppComponent {
public data: Object[] = [{ x: 'WW', y: 38.3, text: 'World Wide' },
{ x: 'EU', y: 45.2, text: 'Europe' },
{ x: 'APAC', y: 18.2, text: 'Asia Pacific' },
{ x: 'LATAM', y: 46.7, text: 'Latin America' },
{ x: 'MEA', y: 61.5, text: 'Middle East Africa' },
{ x: 'NA', y: 64, text: 'North America' }];
//Initializing Primary X Axis
public primaryXAxis: Object = {
valueType: 'Category',
};
}
//app.module.ts
import { ChartModule } from '@syncfusion/ej2-ng-charts';
import { LineSeriesService, CategoryService} from '@syncfusion/ej2-ng-charts';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule, ChartModule
],
providers: [ LineSeriesService, CategoryService],
bootstrap: [AppComponent]
})
export class AppModule { }
Approche mobile d’abord
Développez des Charts Angular avec une seule base de code et une architecture adaptative mobile bien pensée qui s’adapte à tout environnement web, mobile ou tablette. Rendez de beaux Charts réactifs, interactifs et animés dans les appareils mobiles.
Accessibilité
Navigation au clavier
Angular Charts s’assure que chaque élément est accessible au clavier. Les fonctionnalités principales comme la sélection, la surbrillance, l’info-bulle, l’effondrement de la légende et le zoom et panoramique peuvent être effectuées en utilisant uniquement les commandes clavier ; aucune interaction souris n’est requise. Cela aide à créer des applications hautement accessibles en utilisant ce composant.
Lecteur d’écran
Les vues Angular Charts ont un support complet d’accessibilité WAI-ARIA. Cette interface utilisateur inclut des éléments visuels à contraste élevé, aidant les personnes ayant des déficiences visuelles à avoir la meilleure expérience de visualisation. De plus, les descriptions d’interface utilisateur valides sont facilement accessibles via des technologies d’assistance telles que les lecteurs d’écran.
Droite à gauche (RTL)
Le rendu de droite à gauche permet d’afficher le texte et la mise en page des Charts Angular de droite à gauche. Cela améliore l’expérience utilisateur et l’accessibilité pour les langues RTL.
Compatibilité des versions Angular
Avec l’amélioration continue des versions Angular, les Angular Charts sont maintenus à jour pour les rendre compatibles avec les versions à partir de la 4 jusqu’à la dernière version.
Autres frameworks supportés
Les Charts sont disponibles pour les frameworks Blazor, React, JavaScript et Vue. Explorez ses options spécifiques à la plateforme via les liens suivants :
Navigateurs supportés
Les Angular Charts fonctionnent bien avec tous les navigateurs web modernes, y compris Chrome, Firefox, Edge, Safari et Opera.
Vous n’êtes pas sûr de savoir comment créer votre premier Angular Charts ? Nos vidéos de tutoriel et notre documentation peuvent vous aider.
J’aimerais le regarder maintenant J’aimerais le lire maintenantAutres composants de visualisation de données qui pourraient aider votre entreprise.
Foire aux questions
Pourquoi devriez-vous choisir Syncfusion Essential Studio® Angular Charts ?
Le composant Syncfusion Angular Charts prend en charge les fonctionnalités suivantes :
Prend en charge plus de 50 types de Charts et animations élégantes.
Temps de chargement ultra-rapide et interaction d’interface utilisateur riche dans les applications Angular.
Prend en charge à la fois le rendu SVG et Canvas (pour un rendu rapide).
Vous pouvez ajouter des éléments personnalisés au graphique en utilisant l’option annotations.
Liaison de données flexible avec support pour utiliser des sources de données locales et distantes telles que JSON, services RESTful, services OData et services WCF.
- Un des meilleurs Angular Charts du marché qui offre une interface utilisateur riche en fonctionnalités pour interagir avec le logiciel.
Configuration simple et API.
- Prend en charge tous les navigateurs modernes.
Lors de l’affichage de données sur plusieurs Charts, les Charts synchronisés améliorent la visualisation en coordonnant les info-bulles, réticules, sélections et fonctionnalités de zoom sur tous les Charts.
- Compatible tactile mobile et réactif.
Ressources d’apprentissage étendues telles que démos, documentation, et vidéos pour apprendre rapidement et commencer avec Angular Charts.
Puis-je acheter le composant Syncfusion Angular Charts séparément ?
Non, nos plus de composants et frameworks pour web, mobile et bureau, y compris nos Angular Charts, ne sont pas vendus individuellement. Ils ne sont disponibles que dans le cadre d’une licence d’équipe. Cependant, nous avons fixé un prix compétitif pour le produit, donc il ne coûte qu’un peu plus que ce que certains autres fournisseurs facturent pour leur composant Charts seul. Nous avons également constaté que, selon notre expérience, nos clients commencent généralement par utiliser un de nos produits puis s’étendent rapidement à plusieurs produits, nous avons donc estimé qu’il était préférable d’offrir tous les plus de composants et frameworks pour un abonnement qui commence à 395 $ par mois pour une équipe de 5 développeurs. De plus, nous pourrions être en mesure d’offrir des remises basées sur les promotions actuellement actives. Veuillez contacter nos spécialistes produits aujourd’hui pour voir si vous êtes éligible à des remises supplémentaires.
Puis-je télécharger et utiliser les Syncfusion Angular Charts gratuitement ?
Non, c’est un produit commercial qui nécessite une licence payante. Cependant, une licence communautaire gratuite est également disponible pour les entreprises et individus dont les organisations ont moins de 1 million USD de revenus bruts annuels et cinq développeurs ou moins.
Comment puis-je commencer avec Syncfusion Angular Charts ?
Un bon point de départ serait notre documentation de démarrage complète.
Combien de types de Charts sont disponibles dans Syncfusion Angular Charts ?
Les Syncfusion Angular Charts vous permettent de visualiser des données en utilisant plus de 50 types de Charts. Chaque type de graphique est facilement configurable avec un support intégré pour créer des effets visuels époustouflants.
Quel est le prix des Syncfusion Angular Charts ?
Nous ne vendons pas les Angular Charts séparément. Il n’est disponible à l’achat que dans le cadre de la licence d’équipe Syncfusion. Cela contient plus de composants et frameworks, y compris les Angular Charts. Le prix de la licence d’équipe commence à 395 $ par mois pour 5 développeurs, et inclut le support et les mises à jour jusqu’à l’expiration de l’abonnement. De plus, nous pourrions offrir des remises basées sur les promotions actuellement actives. Veuillez contacter nos spécialistes produits aujourd’hui pour voir si vous êtes éligible à des remises supplémentaires.
Où puis-je trouver la démo Syncfusion Angular Charts ?
Vous pouvez trouver notre démo Angular Charts, qui démontre comment rendre et configurer les Charts.
Nos clients nous aiment
Voir de vraies histoires de réussite
Des développeurs du monde entier font confiance à Essential Studio de Syncfusion pour simplifier les projets complexes et accélérer leur livraison. Grâce à sa vaste bibliothèque de contrôles d’interface utilisateur, à ses SDK puissants et à son support fiable, Essential Studio aide les équipes à créer des applications prêtes pour l’entreprise en toute confiance.
Explorer des études de casIndustrie
Développement de logiciels
75% Réduction des coûts
50% Développement plus rapide
Industrie
Services publics (pétrole et gaz)
450+ heures économisées
Processus rationalisés et heures d’effort de développement économisées.
Fonctionnalités avancées et flexibles
Utilisateurs autonomisés grâce à une fonctionnalité robuste et polyvalente.
Industrie
Logiciel et technologie
1000+ heures économisées
Développement accéléré grâce à des composants d’interface utilisateur prêts pour l’entreprise.
Gestion de fichiers efficace
Flux de travail rationalisés grâce à des bibliothèques de documents, sans les construire à partir de zéro.
Industrie
Logiciel et technologie
2 ans de retard évité
Deux ans de retards évités grâce à une planification proactive.
Livraison à temps
Projets livrés dans les délais à l’aide de contrôles fiables.
Industrie
Services informatiques et conseil en TI
Performances améliorées
Grands ensembles de données gérés avec une personnalisation aisée et un débogage rapide.
Hautement personnalisable
Contrôles plug-and-play avec intégration rapide de modèles.
Industrie
Services professionnels
Accès instantané
Disponibilité rapide des fonctionnalités et des ressources.
Dépendances réduites
Moins de dépendances pour un développement plus rapide.
Evalue par des utilisateurs du monde entier.
Téléchargement Figma
Recompenses
L’excellence—c’est une chose de l’affirmer, mais cela signifie davantage lorsque les autres la reconnaissent. Syncfusion® est fier de détenir les récompenses de l'industrie suivantes.
Activités récentes dans les tutoriels et blogs Angular Charts
Les vidéos de tutoriel et articles de blog Angular Charts vous guideront dans la construction de votre première application avec les composants Angular. Ils fournissent des stratégies de résolution de problèmes, décrivent les fonctionnalités et fonctions, annoncent les nouvelles versions de fonctionnalités, expliquent les meilleures pratiques et présentent des exemples de scénarios. Explorez nos derniers articles sur notre blog et canaux de vidéos de tutoriel pour les mises à jour Angular Charts.
BLOG
Améliorer les Charts Angular : Booster la lisibilité avec des couleurs dynamiques
18 NOVEMBRE 2024
