Trusted by the world’s leading companies
Descripción general
Los Angular Charts son un componente de gráficos bien diseñado para la visualización de datos. Contiene una rica galería UI de más de 50 gráficos, desde líneas hasta financieros que satisfacen todos los escenarios de gráficos. Su alto rendimiento ayuda a renderizar grandes cantidades de datos rápidamente. También viene con características como zoom, desplazamiento, tooltip, línea cruzada, trackball, resaltado y selección.
¿Por qué elegir Syncfusion Essential Studio® Angular Charts?
Más de 50 tipos de gráficos
Desde gráficos simples de Angular del día a día como gráficos de líneas, gráficos de barras, gráficos de área hasta gráficos financieros complejos que son altamente personalizables.
Animación de gráficos
Los gráficos para Angular proporcionan animación fluida para representar datos con transiciones suaves.
Rendimiento
Los Angular Charts están completamente diseñados para ofrecer un rendimiento acelerado, capaz de renderizar 100K puntos de datos en menos de un segundo.
Renderizado SVG
Renderizado basado en vectores, limpio y nítido para todas sus necesidades de capacidad de respuesta y escalado.
Edición de datos
Los Angular Charts con rica UI proporcionan soporte de arrastrar y soltar a los puntos renderizados. 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. Las líneas de tendencia se pueden generar para series de tipo Cartesiano (Línea, Columna, Dispersión, Área, Vela, HiLo, etc.) excepto barras.
Globalización y localización
Los usuarios de diferentes localidades pueden usar los gráficos de Angular formateando fechas, monedas y numeración para adaptarse a las preferencias.
Exportación
Exportar gráficos a documentos PDF o como formatos de imagen como SVG, PNG y JPEG.
Angular Charts potentes, fáciles de usar y ricos en características para su negocio
Ejemplo de código de Angular Charts
Comience fácilmente con los Angular Charts usando unas pocas líneas simples de código HTML y TS como se demuestra a continuación. También explore nuestro ejemplo de Angular Charts que muestra cómo renderizar y configurar los gráficos en 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 { }
Enfoque móvil primero
Desarrolle Angular Charts con una sola base de código y una arquitectura adaptable móvil bien pensada que se adapta a cualquier entorno web, móvil o tablet. Renderice gráficos hermosos, responsivos, interactivos y animados dentro de dispositivos móviles.
Accesibilidad
Navegación por teclado
Los Angular Charts aseguran que cada elemento sea accesible por teclado. Las características principales como selección, resaltado, tooltip, colapso de leyenda y zoom y desplazamiento 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 Angular Charts tienen soporte completo de accesibilidad WAI-ARIA. Esta UI incluye elementos visuales de alto contraste, ayudando a las personas con discapacidades visuales a tener la mejor experiencia de visualización. Además, las descripciones válidas de UI son fácilmente accesibles a través de tecnologías asistivas como lectores de pantalla.
Derecha a izquierda (RTL)
El renderizado de derecha a izquierda permite mostrar el texto y el diseño de los Angular Charts de derecha a izquierda. Esto mejora la experiencia del usuario y la accesibilidad para idiomas RTL.
Compatibilidad de versiones de Angular
Con la mejora continua en las versiones de Angular, los Angular Charts se mantienen actualizados para hacerlos compatibles con versiones desde la 4 hasta la versión más reciente.
Otros frameworks soportados
Los gráficos están disponibles para los frameworks Blazor, React, JavaScript y Vue. Explore sus opciones específicas de plataforma a través de los siguientes enlaces:
Navegadores soportados
Los Angular Charts funcionan bien con todos los navegadores web modernos, incluyendo Chrome, Firefox, Edge, Safari y Opera.
¿No está seguro de cómo crear su primer Angular Chart? Nuestros videos tutoriales y documentación pueden ayudar.
Me encantaría verlo ahora Me encantaría leerlo ahoraOther data visualization components that may help your business.
Frequently Asked Questions
¿Por qué debería elegir Syncfusion Essential Studio® Angular Charts?
El componente Syncfusion Angular Charts soporta las siguientes características:
Soporta más de 50 tipos de gráficos y animación elegante.
Tiempo de carga ultrarrápido y rica interacción UI en aplicaciones Angular.
Soporta tanto renderizado SVG como Canvas (para renderizado rápido).
Puede agregar elementos personalizados al gráfico usando la opción de anotaciones.
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 Angular Charts en el mercado que ofrece UI rica en características para interactuar con el software.
Configuración simple y API.
- Soporta todos los navegadores modernos.
Al mostrar datos en varios gráficos, los gráficos sincronizados mejoran la visualización coordinando tooltips, líneas cruzadas, selecciones y características de zoom en todos los gráficos.
- Compatible con dispositivos móviles táctiles y responsivo.
Recursos de aprendizaje amplios como demos, documentación y videos para aprender rápidamente y comenzar con Angular Charts.
¿Puedo comprar el componente Syncfusion Angular Charts por separado?
No, nuestros 1,600+ componentes y frameworks para web, móvil y escritorio, incluyendo nuestros Angular 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 que lo que algunos otros proveedores cobran solo por su componente de gráficos. También hemos encontrado que, en nuestra experiencia, nuestros clientes generalmente comienzan usando uno de nuestros productos y luego se expanden a varios productos rápidamente, por lo que sentimos que era mejor ofrecer todos los 1,600+ 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. Por favor contacte a nuestros especialistas en productos hoy para ver si califica para descuentos adicionales.
¿Puedo descargar y utilizar los Syncfusion Angular Charts gratis?
No, este es un producto comercial y requiere una licencia paga. Sin embargo, una licencia comunitaria gratuita también está disponible para compañías 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 Angular Charts?
Un buen lugar para comenzar sería nuestra documentación integral de inicio.
¿Cuántos tipos de gráficos están disponibles en Syncfusion Angular Charts?
Los Syncfusion Angular Charts le permiten visualizar datos usando más de 50 tipos de gráficos. Cada tipo de gráfico es fácilmente configurable con soporte integrado para crear efectos visuales impresionantes.
¿Cuál es el precio para Syncfusion Angular Charts?
No vendemos los Angular Charts por separado. Solo está disponible para compra como parte de la licencia de equipo de Syncfusion. Esto contiene más de 1,600 componentes y frameworks, incluyendo los Angular 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. Por favor contacte a nuestros especialistas en productos hoy para ver si califica para descuentos adicionales.
¿Dónde puedo encontrar la demostración de Syncfusion Angular Charts?
Puede encontrar nuestra demostración de Angular Charts, que demuestra cómo renderizar y configurar los gráficos.
Nuestros clientes nos aman
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 tutoriales y blogs de Angular Charts
Los videos tutoriales y publicaciones de blog de Angular Charts lo guiarán en la construcción de su primera aplicación con componentes Angular. 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 y video tutoriales para actualizaciones de Angular Charts.
BLOG
Mejorando Angular Charts: Aumentando la legibilidad con colores dinámicos
18 DE NOVIEMBRE, 2024
