JavaScript Charts - HTML5 animado y rico con datos en tiempo real
- Más de 50 tipos de Charts
- Rendimiento ultrarrápido
- Animación elegante
- Configuración y API simples
- Soporte para todos los navegadores modernos
- Compatible con dispositivos móviles y responsivo
- Documentación detallada
Trusted by the world’s leading companies
¿Por qué elegir Syncfusion JavaScript Charts?
Más de 50 tipos de Charts
Desde Charts simples del día a día como Charts de líneas, Charts de barras y Charts de área hasta Charts financieros complejos que son altamente personalizables.
Animación de Charts
Charts para JavaScript proporciona animaciones fluidas para representar datos con transiciones suaves.
Rendimiento
Diseñado minuciosamente para ofrecer un rendimiento acelerado, capaz de renderizar 100k puntos de datos en menos de un segundo.
Renderizado SVG
Renderizado limpio y nítido basado en vectores para todas sus necesidades de capacidad de respuesta y escalado.
Edición de datos
JavaScript Charts proporciona soporte de arrastrar y soltar a puntos renderizados. La edición de datos le permite manipular los datos en un gráfico.
Líneas de tendencia
Mostrar la dirección del precio y la velocidad de movimiento. Las líneas de tendencia se pueden generar para series cartesianas (línea, columna, dispersión, área, vela, HiLo, etc.) excepto barras.
Globalización y localización
Permite a usuarios de diferentes configuraciones regionales usar Charts formateando fechas, moneda y numeración para adaptarse a las preferencias.
Exportación
Exportar Charts HTML5 a documentos PDF o a formatos de imagen como SVG, PNG y JPEG, así como exportar datos de Charts a formatos XLSX y CSV.
JavaScript Charts potentes, fáciles de usar y ricos en características para su negocio
Ejemplo de código de JavaScript Charts
Comience fácilmente con JavaScript Charts usando algunas líneas simples de HTML y código Javascript como se demuestra a continuación. También explore nuestro ejemplo de JavaScript Charts que le muestra cómo renderizar y configurar los Charts en JavaScript.
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="container">
<div id="Chart"></div>
</div>
</body>
</html>import { Chart, LineSeries, Category } from '@syncfusion/ej2-charts';
Chart.Inject(LineSeries, Category);
let chart: Chart = new Chart({
primaryXAxis: {
valueType: 'Category'
},
series:[{
type: 'Line',
dataSource: [{ 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' }],
xName: 'x', yName: 'y',
}],
}, '#Chart');Interactúe con nuestra demostración en vivo de JavaScript Charts
La experiencia del usuario se mejora enormemente al incluir un conjunto de características interactivas como zoom y panorámica, retícula, trackball, drill-down, eventos, selección e información sobre herramientas.
Enfoque móvil primero
Desarrolle Charts HTML5 con una base de código única y una arquitectura adaptativa móvil bien pensada que se adapta a cualquier entorno web, móvil o tablet. Renderice Charts hermosos, responsivos, interactivos y animados dentro de dispositivos móviles.
Accesibilidad
Navegación por teclado
Javascript Charts asegura que cada elemento sea accesible por teclado. Las características principales como selección, resaltado, información sobre herramientas, colapso de leyenda y zoom y panorámica se pueden realizar usando solo comandos de teclado; no se requiere interacción con el mouse. Esto ayuda a crear aplicaciones altamente accesibles usando este componente.
Lector de pantalla
Las vistas de Javascript Charts tienen soporte completo de accesibilidad WAI-ARIA. Esta interfaz de usuario incluye elementos visuales de alto contraste, ayudando a 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 lectores de pantalla.
De derecha a izquierda (RTL)
El renderizado de derecha a izquierda permite mostrar el texto y el diseño de los Javascript Charts de derecha a izquierda. Esto mejora la experiencia del usuario y la accesibilidad para idiomas RTL.
Más de 50 tipos de Charts
252K+ descargas
110+ demos interactivos
Otros frameworks compatibles
Los Charts están disponibles para los frameworks Blazor, React, Angular y Vue. Explore sus opciones específicas de plataforma a través de los siguientes enlaces:
Navegadores compatibles
Los JavaScript Charts funcionan bien con todos los navegadores web modernos, incluyendo Chrome, Firefox, Edge, Safari y Opera.
¿No está seguro de cómo crear sus primeros JavaScript Charts? Nuestra documentación puede ayudar.
Me encantaría leerla ahoraOtros componentes de visualización de datos que pueden ayudar a su negocio.
Preguntas frecuentes
¿Por qué debería elegir Syncfusion JavaScript Charts?
Syncfusion JavaScript Charts admite las siguientes características:
Admite más de 50 tipos de Charts y animación elegante.
Tiempos de carga ultrarrápidos y rica interacción de interfaz de usuario en aplicaciones JavaScript.
Admite tanto renderizado SVG como Canvas (para renderizado rápido).
Puede agregar elementos personalizados al gráfico usando la opción de anotaciones.
Cuando se muestran datos en varios Charts, los Charts sincronizados mejoran la visualización coordinando información sobre herramientas, retículas, selecciones y características de zoom en todos los Charts.
Mostrar dirección del precio y velocidad de movimiento en Charts con la ayuda del soporte de líneas de tendencia.
Enlace 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 JavaScript Charts en el mercado que ofrece una interfaz de usuario rica en características para interactuar con el software.
Configuración simple y API.
- Admite todos los navegadores modernos.
- Compatible con touch móvil y responsivo.
Recursos de aprendizaje expansivos como demos y documentación para aprender rápidamente y comenzar con JavaScript Charts.
¿Cuál es el precio de Syncfusion JavaScript Charts?
No vendemos JavaScript Charts por separado. Solo está disponible para compra como parte de la licencia de equipo de Syncfusion. Esta contiene más de componentes y frameworks, incluyendo JavaScript 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 para ver si califica para descuentos adicionales.
¿Dónde puedo encontrar la demo de Syncfusion JavaScript Charts?
Puede encontrar nuestra demo de JavaScript Charts, que demuestra cómo renderizar y configurar los Charts.
¿Puedo comprar el componente Syncfusion JavaScript Charts por separado?
No, nuestros más de componentes y frameworks para web, móvil y escritorio, incluyendo nuestro JavaScript 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 otros proveedores cobran por su control de Charts únicamente. También hemos encontrado que, en nuestra experiencia, nuestros clientes generalmente comienzan usando uno de nuestros productos y luego se expanden rápidamente a varios productos, 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, podríamos ofrecer descuentos basados en promociones actualmente activas. Póngase en contacto con nuestros especialistas en productos hoy para ver si califica para descuentos adicionales.
¿Puedo descargar y utilizar Syncfusion JavaScript Charts gratis?
No, este es un producto comercial y requiere una licencia paga. Sin embargo, también está disponible una licencia comunitaria gratuita para empresas e individuos cuyas organizaciones tengan menos de $1 millón USD en ingresos brutos anuales y cinco o menos desarrolladores.
¿Cómo empiezo con Syncfusion JavaScript Charts?
Un buen lugar para comenzar sería nuestra documentación integral de inicio.
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 de JavaScript Charts
Las publicaciones del blog de JavaScript Charts lo guiarán en la construcción de su primera aplicación con controles JavaScript. Proporcionan estrategias de resolución de problemas, describen características y funcionalidades, anuncian nuevos lanzamientos de características, explican mejores prácticas y muestran escenarios de ejemplo. Explore nuestras últimas publicaciones en nuestros canales de blog para actualizaciones de JavaScript Charts.
