React Charts - Données en temps réel Web & Mobile
- Plus de 50 types de Charts
- Performance ultra-rapide
- Animation élégante
- Configuration et API simples
- Support pour tous les navigateurs modernes
- Compatible mobile et responsive
- Documentation détaillée
Trusted by the world’s leading companies
Aperçu
Les React Charts sont un composant de graphique bien conçu pour visualiser les données dans les applications mobiles et web. Il contient une riche galerie d’interface utilisateur de plus de 50 Charts et Charts, allant des lignes aux financiers, qui répondent à tous les scénarios de graphique. Ses hautes performances aident à rendre de grandes quantités de données rapidement sans aucun problème de performance. En utilisant les React Charts Syncfusion, vous pouvez créer des Charts responsifs et interactifs avec un riche ensemble de 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 les React Charts Syncfusion ?
Plus de 50 types de Charts
Les React charts offrent des animations fluides, représentant les données via des transitions douces pour des visualisations claires et engageantes.
Animation des Charts
Les Charts pour React fournissent une animation fluide pour représenter les données avec des transitions douces.
Performance
Efforts bien pensés et se concentre principalement sur des performances rapides pour rendre 100k données en moins d’une seconde.
Rendu SVG
Rendu vectoriel propre et net pour tous vos besoins responsifs et de mise à l’échelle.
Édition de données
React Charts avec une interface utilisateur riche fournit un support de glisser-déposer aux points rendus. L’édition de données vous permet de manipuler les données sur un graphique.
Lignes de tendance
Affiche la direction des prix et la vitesse de mouvement. Les lignes de tendance peuvent être générées pour les séries de type cartésien (Ligne, Colonne, Nuage de points, Aire, Chandelier, HiLo, etc.) sauf barre.
Globalisation et localisation
Permet aux utilisateurs de différentes locales de les utiliser en formatant les dates, devises et numérotation selon les préférences.
Exportation
Exportez les Charts vers des documents PDF ou comme formats d’image tels que SVG, PNG et JPEG, ainsi que l’exportation des données de graphique vers les formats XLSX et CSV.
React Charts puissants, conviviaux et riches en fonctionnalités pour votre entreprise
Exemple de code des React Charts
Commencez facilement avec les React Charts en utilisant quelques lignes simples d’HTML et de code JavaScript comme démontré ci-dessous. Explorez également notre Exemple de React Charts qui vous montre comment rendre et configurer les Charts dans React.
<!DOCTYPE html>
<html>
<body>
<div id="charts"></div>
</body>
</html>import { AxisModel, Category, ChartComponent, Inject, LineSeries, SeriesCollectionDirective, SeriesDirective} from'@syncfusion/ej2-react-charts';
import * as React from 'react';
class App extends React.Component<{}, {}> {
public primaryXAxis: AxisModel = { valueType: 'Category'};
public data : any[]= [{ 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' }];
public render() {
return <ChartComponent id='charts' primaryXAxis={this.primaryXAxis}>
<Inject services={[LineSeries, Category]} />
<SeriesCollectionDirective>
<SeriesDirective dataSource={this.data} xName='x' yName='y' type='Line'/>
</SeriesCollectionDirective>
</ChartComponent>
}
};
ReactDOM.render(
<App />,
document.getElementById('charts') as HTMLElement
);
Approche mobile d’abord
Développez des React Charts avec une base de code unique, et une architecture adaptative mobile bien pensée qui s’adapte à tout environnement web, mobile ou tablette. Rendez de beaux Charts responsifs, interactifs et animés dans les appareils mobiles.
Accessibilité
Navigation au clavier
Assure que chaque élément est accessible au clavier. Les fonctionnalités principales comme la sélection, la surbrillance, l’info-bulle, la réduction de 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 de React Charts.
Lecteur d’écran
Les vues des React Charts ont un support complet d’accessibilité WAI-ARIA. Cette interface utilisateur inclut des éléments visuels à haut contraste, aidant les personnes avec des déficiences visuelles à avoir la meilleure expérience de visualisation. De plus, des descriptions d’interface utilisateur valides sont facilement accessibles via les 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 React Charts de droite à gauche. Cela améliore l’expérience utilisateur et l’accessibilité pour les langues RTL.
Pas sûr de comment créer vos premiers React Charts ? Nos vidéos tutoriels et 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 les React Charts Syncfusion ?
Utilisez les React Charts Syncfusion pour alimenter vos visualisations de données les plus exigeantes avec les fonctionnalités suivantes :
Support de plus de 50 types de Charts et animation élégante.
Temps de chargement ultra-rapide et interaction UI riche dans les applications React.
Support du rendu SVG et Canvas (pour un rendu rapide).
Vous pouvez ajouter des éléments personnalisés au graphique en utilisant l’option annotations.
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.
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.
- L’un des meilleurs React Charts du marché qui offre une interface utilisateur riche en fonctionnalités pour interagir avec le logiciel.
Configuration simple et API.
- Support de tous les navigateurs modernes.
- Compatible tactile mobile et responsive.
Ressources d’apprentissage étendues telles que démos et documentation pour apprendre rapidement et commencer avec les React Charts.
Quel est le prix des React Charts Syncfusion ?
Nous ne vendons pas les React Charts séparément. Ils ne sont disponibles à l’achat que dans le cadre de la licence d’équipe Syncfusion. Cela contient plus de composants et frameworks, y compris les React 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 dès aujourd’hui pour voir si vous êtes éligible à des remises supplémentaires.
Où puis-je trouver la démo des React Charts Syncfusion ?
Vous pouvez trouver notre démo des React Charts, qui démontre comment rendre et configurer les Charts.
Puis-je acheter le composant React Charts Syncfusion séparément ?
Non, nos plus de composants et frameworks pour web, mobile et desktop, y compris nos React Charts, ne sont pas vendus individuellement. Ils ne sont disponibles que dans le cadre d’une licence d’équipe. Cependant, nous avons tarifé le produit de manière compétitive, donc il ne coûte qu’un peu plus cher que ce que certains autres fournisseurs facturent pour leur seul composant Charts. 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, donc nous avons pensé 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 dès aujourd’hui pour voir si vous êtes éligible à des remises supplémentaires.
Puis-je télécharger et utiliser les React Charts Syncfusion gratuitement ?
Non, c’est un produit commercial et 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 commencer avec les React Charts Syncfusion ?
Un bon endroit pour commencer serait notre documentation de démarrage complète.
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 blogs et tutoriels des React Charts
Les articles de blog et vidéos tutoriels des React Charts vous guideront dans la construction de votre première application avec les composants React. Ils fournissent des stratégies de résolution de problèmes, décrivent les caractéristiques et fonctionnalités, annoncent de nouvelles versions de fonctionnalités, expliquent les meilleures pratiques, et présentent des scénarios d’exemple. Explorez nos derniers articles sur nos canaux de blog et vidéos tutoriels pour les mises à jour des React Charts.
VIDÉOS
Comment lier des données distantes et personnaliser les points vides dans le composant React Charts
23 MAI 2024
BLOG
18 NOVEMBRE 2024
