React Charts - Datos en tiempo real para web y móvil
- Más de 50 tipos de Charts
- Rendimiento ultrarrápido
- Animación elegante
- Configuración y API sencillas
- Soporte para todos los navegadores modernos
- Adaptable a dispositivos móviles y receptivo
- Documentación detallada
Trusted by the world’s leading companies
Visión general
React Charts es un componente de Charts bien diseñado para visualizar datos en aplicaciones móviles y web. Contiene una rica galería de interfaz de usuario de más de 50 Charts, que van desde líneas hasta financieros, que se adaptan a todos los escenarios de Charts. Su alto rendimiento ayuda a representar grandes cantidades de datos rápidamente sin problemas de rendimiento. Con los React Charts de Syncfusion, puede crear Charts receptivos e interactivos con un amplio conjunto de funciones como zoom, panorámica, información sobre herramientas, punto de mira, bola de seguimiento, resaltado y selección.
¿Por qué elegir los React Charts de Syncfusion?
Más de 50 tipos de Charts
Desde Charts sencillos de uso diario, como Charts de líneas, barras y áreas, hasta Charts financieros complejos y altamente personalizables.
Animación de Charts
Los Charts para React proporcionan una animación fluida para representar datos con transiciones suaves.
Rendimiento
Esfuerzos bien pensados y se centra principalmente en un rendimiento de ritmo rápido para representar 100k datos en menos de un segundo.
Renderizado SVG
Representación nítida y limpia basada en vectores para todas sus necesidades de respuesta y escalado.
Edición de datos
Los React Charts con una interfaz de usuario enriquecida proporcionan soporte de arrastrar y soltar a los puntos representados. La edición de datos le permite manipular los datos en un gráfico.
Líneas de tendencia
Muestra la dirección del precio y la velocidad del movimiento. Se pueden generar líneas de tendencia para series de tipo cartesiano (línea, columna, dispersión, área, vela, HiLo, etc.) excepto la barra.
Globalización y localización
Permite a los usuarios de diferentes configuraciones regionales utilizarlos formateando fechas, divisas y numeración para adaptarse a sus preferencias.
Exportación
Exporte Charts a documentos PDF o como formatos de imagen como SVG, PNG y JPEG, así como exporte datos de Charts a formatos XLSX y CSV.
React Charts potentes, fáciles de usar y ricos en funciones para su negocio
Ejemplo de código de React Charts
Comience fácilmente con los React Charts utilizando unas pocas líneas simples de código HTML y JavaScript como se demuestra a continuación. También explore nuestro Ejemplo de React Charts que le muestra cómo representar y configurar los Charts en 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
);
Enfoque de “primero el móvil”
Desarrolle React Charts con una única base de código y una arquitectura adaptable a dispositivos móviles bien pensada que se adapta a cualquier entorno web, móvil o tableta. Represente Charts hermosos, receptivos, interactivos y animados en dispositivos móviles.
Accesibilidad
Navegación por teclado
Garantiza que todos los elementos sean accesibles mediante el teclado. Las funciones principales como la selección, el resaltado, la información sobre herramientas, el colapso de la leyenda y el zoom y la panorámica se pueden realizar utilizando solo los comandos del teclado; no se requiere interacción con el mouse. Esto ayuda a crear aplicaciones altamente accesibles utilizando este componente de React Charts.
Lector de pantalla
Las vistas de los React Charts tienen soporte completo de accesibilidad WAI-ARIA. Esta interfaz de usuario incluye elementos visuales de alto contraste, lo que ayuda a las personas con discapacidades visuales a tener la mejor experiencia de visualización. Además, las descripciones válidas de la interfaz de usuario son fácilmente accesibles a través de tecnologías de asistencia como los lectores de pantalla.
De derecha a izquierda (RTL)
La representación de derecha a izquierda permite mostrar el texto y el diseño de los React Charts de derecha a izquierda. Esto mejora la experiencia del usuario y la accesibilidad para los idiomas RTL.
¿No está seguro de cómo crear sus primeros React Charts? Nuestros videos tutoriales y documentación pueden ayudar.
Me encantaría verlo ahora Me encantaría leerlo ahoraOtros componentes de visualización de datos que pueden ayudar a su negocio.
Preguntas frecuentes
¿Por qué debería elegir los React Charts de Syncfusion?
Utilice los React Charts de Syncfusion para potenciar sus visualizaciones de datos más exigentes con las siguientes características:
Admite más de 50 tipos de Charts y una animación elegante.
Tiempo de carga ultrarrápido y una rica interacción de la interfaz de usuario en las aplicaciones de React.
Admite tanto la representación de SVG como la de Canvas (para una representación rápida).
Puede agregar elementos personalizados al gráfico utilizando la opción de anotaciones.
Al mostrar datos en varios Charts, los Charts sincronizados mejoran la visualización al coordinar la información sobre herramientas, los puntos de mira, las selecciones y las funciones de zoom en todos los Charts.
Vinculación de datos flexible con soporte para usar fuentes de datos locales y remotas como JSON, servicios RESTful, servicios OData y servicios WCF.
- Uno de los mejores React Charts del mercado que ofrece una interfaz de usuario rica en funciones para interactuar con el software.
Configuración y API sencillas.
- Admite todos los navegadores modernos.
- Apto para dispositivos móviles táctiles y receptivo.
Amplios recursos de aprendizaje como demostraciones y documentación para aprender rápidamente y comenzar con los React Charts.
¿Cuál es el precio de los React Charts de Syncfusion?
No vendemos los React Charts por separado. Solo está disponible para su compra como parte de la licencia de equipo de Syncfusion. Esta contiene más de componentes y frameworks, incluidos los React Charts. El precio de la licencia de equipo comienza en $395 por mes para 5 desarrolladores e incluye soporte y actualizaciones hasta que expire la suscripción. Además, podríamos ofrecer descuentos basados en promociones actualmente activas. Póngase en contacto con nuestros especialistas en productos hoy mismo para ver si califica para algún descuento adicional.
¿Dónde puedo encontrar la demostración de los React Charts de Syncfusion?
Puede encontrar nuestra demostración de los React Charts, que demuestra cómo representar y configurar los Charts.
¿Puedo comprar el componente de React Charts de Syncfusion por separado?
No, nuestros más de componentes y frameworks para web, dispositivos móviles y de escritorio, incluidos nuestros React Charts, no se venden individualmente. Solo están disponibles como parte de una licencia de equipo. Sin embargo, hemos puesto un precio competitivo al producto, por lo que solo cuesta un poco más de lo que algunos otros proveedores cobran solo por su componente de Charts. También hemos descubierto que, en nuestra experiencia, nuestros clientes suelen comenzar usando uno de nuestros productos y luego se expanden a varios productos rápidamente, por lo que sentimos que era mejor ofrecer todos los más de componentes y frameworks por una tarifa de suscripción que comienza en $395 por mes para un equipo de 5 desarrolladores. Además, es posible que podamos ofrecer descuentos basados en promociones actualmente activas. Póngase en contacto con nuestros especialistas en productos hoy mismo para ver si califica para algún descuento adicional.
¿Puedo descargar y utilizar los React Charts de Syncfusion de forma gratuita?
No, este es un producto comercial y requiere una licencia de pago. Sin embargo, también está disponible una licencia comunitaria gratuita para empresas e individuos cuyas organizaciones tengan menos de 1 millón de dólares estadounidenses en ingresos brutos anuales y cinco o menos desarrolladores.
¿Cómo empiezo con los React Charts de Syncfusion?
Un buen lugar para comenzar sería nuestra completa documentación de introducción.
Nuestros clientes nos aman
Ver historias de éxito reales
Desarrolladores de todo el mundo confían en Essential Studio de Syncfusion para simplificar proyectos complejos y acelerar la entrega. Con una amplia biblioteca de controles de interfaz de usuario, potentes SDK y soporte confiable, Essential Studio ayuda a los equipos a crear aplicaciones de nivel empresarial con confianza.
Explorar estudios de casoIndustria
Desarrollo de software
75% Reducción de costos
50% Desarrollo más rápido
Industria
Servicios públicos (petróleo y gas)
450+ horas ahorradas
Procesos optimizados y horas de esfuerzo de desarrollo ahorradas.
Funciones avanzadas y flexibles
Usuarios potenciados mediante una funcionalidad sólida y versátil.
Industria
Software y tecnología
1000+ horas ahorradas
Desarrollo acelerado con componentes de interfaz de usuario listos para empresa.
Gestión eficiente de archivos
Flujos de trabajo optimizados con bibliotecas de documentos sin crearlas desde cero.
Industria
Software y tecnología
2 años de retraso evitado
Se evitaron dos años de retrasos gracias a la planificación proactiva.
Entrega punctual
Proyectos entregados a tiempo utilizando controles de confianza.
Industria
Servicios de TI y consultoría de TI
Rendimiento Mejorado
Grandes conjuntos de datos gestionados con fácil personalización y depuración rápida.
Altamente personalizable
Controles plug-and-play con integración rápida de plantillas.
Industria
Servicios profesionales
Acceso instantáneo
Disponibilidad rápida de funciones y recursos.
Dependencias reducidas
Menos dependencias para un desarrollo más rápido.
Calificado por usuarios de todo el mundo
Descarga de Figma
Premios
Grandeza: Decir que la tienes es una cosa, pero significa más cuando otros la reconocen. Syncfusion® se enorgullece de haber recibido los siguientes premios de la industria.
Actividades recientes en blogs y tutoriales de React Charts
Las publicaciones del blog y los videos tutoriales de React Charts lo guiarán en la creación de su primera aplicación con componentes de React. Proporcionan estrategias de resolución de problemas, describen características y funcionalidades, anuncian lanzamientos de nuevas funciones, explican las mejores prácticas y muestran escenarios de ejemplo. Explore nuestras últimas publicaciones en nuestro blog y canales de videos tutoriales para obtener actualizaciones de los React Charts.
VÍDEOS
Cómo vincular datos remotos y personalizar puntos vacíos en el componente de React Charts
23 DE MAYO DE 2024
BLOG
Cómo crear Charts sincronizados en React para el análisis comercial [Notas del seminario web]
18 DE NOVIEMBRE DE 2024
