Trusted by the world’s leading companies
¿Por qué elegir Syncfusion Essential Studio® Blazor Charts?
50+ Tipos de Charts
Desde Charts simples del día a día como Charts de línea, Charts de barras, Charts de área hasta Charts financieros complejos que son altamente personalizables.
Animación de Charts
Animación fluida para representar los datos con transiciones suaves.
Rendimiento
Diseñado a fondo 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 escalabilidad.
Edición de datos
Proporciona 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
Permite a los usuarios de diferentes localidades utilizarlos formateando fechas, moneda y numeración para adaptarse a las preferencias.
Exportación
Exporte Charts a documentos PDF o a formatos de imagen como SVG, PNG y JPEG. Exporte datos de Charts a formatos XLSX y CSV.
Blazor Charts potentes, fáciles de usar y ricos en características para su negocio
Ejemplo de código de Blazor Charts
Comience fácilmente con Blazor Charts usando unas pocas líneas simples de código C# como se demuestra a continuación. También explore nuestro Ejemplo de Blazor Charts que le muestra cómo renderizar y configurar los Charts.
@using Syncfusion.Blazor.Charts
<SfChart>
<ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.Category"></ChartPrimaryXAxis>
<ChartSeriesCollection>
<ChartSeries DataSource="@Sales" XName="Month" YName="SalesValue" Type="ChartSeriesType.Column">
</ChartSeries>
</ChartSeriesCollection>
</SfChart>
@code {
public class SalesInfo
{
public string Month { get; set;}
public double SalesValue { get; set;}
}
public List<SalesInfo> Sales = new List<SalesInfo>
{
new SalesInfo { Month = "Jan", SalesValue = 35 },
new SalesInfo { Month = "Feb", SalesValue = 28 },
new SalesInfo { Month = "Mar", SalesValue = 34 },
new SalesInfo { Month = "Apr", SalesValue = 28 },
new SalesInfo { Month = "May", SalesValue = 40 },
new SalesInfo { Month = "Jun", SalesValue = 32 },
new SalesInfo { Month = "Jul", SalesValue = 35 },
new SalesInfo { Month = "Aug", SalesValue = 55 },
new SalesInfo { Month = "Sep", SalesValue = 38 },
new SalesInfo { Month = "Oct", SalesValue = 30 },
new SalesInfo { Month = "Nov", SalesValue = 25 },
new SalesInfo { Month = "Dec", SalesValue = 32 }
};
}
Enfoque móvil primero
Desarrolle Charts Blazor con una base de código único y una arquitectura adaptativa móvil bien pensada que se adapta a cualquier entorno web, móvil o tableta. Renderice Charts hermosos, responsivos, interactivos y animados dentro de dispositivos móviles.
Accesibilidad

Navegación por teclado
Blazor Charts asegura 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 ratón. Esto ayuda a crear aplicaciones altamente accesibles usando este componente.

Lector de pantalla
Las vistas de Blazor 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 de UI válidas 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 Charts Blazor de derecha a izquierda. Esto mejora la experiencia del usuario y la accesibilidad para idiomas RTL.
Otros frameworks soportados
Los Charts están disponibles para los frameworks React, Angular, JavaScript y Vue. Explore sus opciones específicas de plataforma a través de los siguientes enlaces:
Navegadores soportados
Los Charts Blazor funcionan bien con todos los navegadores web modernos, incluyendo Chrome, Firefox, Edge, Safari y Opera.

¿No está seguro de cómo crear sus primeros Charts Blazor? Nuestra documentación puede ayudar.
Comience con gráfico Blazor del lado del servidor Comience con gráfico Blazor WebAssemblyOtros componentes de visualización de datos que pueden ayudar a su negocio.
Preguntas frecuentes
¿Por qué debería elegir Syncfusion Essential Studio® Blazor Charts?
Los Charts Syncfusion Blazor soportan las siguientes características:
Soporta 50+ tipos de Charts y animación elegante.
Tiempo de carga ultra rápido y rica interacción de UI en aplicaciones Blazor tanto del lado del servidor como del cliente (WebAssembly).
Puede agregar elementos personalizados al gráfico usando la opción de anotaciones.
- Soporta tanto renderizado SVG como Canvas (para renderizado rápido).
Un gráfico sincronizado tiene la capacidad de acceder e interactuar con dos o más Charts al mismo tiempo.
Vinculación de datos flexible con soporte para usar fuentes de datos como Web API, OData, Entity Framework y más.
- Uno de los mejores Charts Blazor en el mercado que ofrece UI rica en características para interactuar con el software.
Configuración simple y APIs.
- Soporta todos los navegadores modernos.
Las etiquetas de datos del gráfico se organizarán inteligentemente sin superponerse.
- Compatible con táctil móvil y responsivo.
Demos, documentación y videos extensos para aprender rápidamente y comenzar con Charts Blazor.
¿Cuál es el precio de Syncfusion Blazor Charts?
No vendemos los Charts Blazor por separado. Solo está disponible para compra como parte de la licencia de equipo de Syncfusion. Esto contiene más de componentes y frameworks, incluyendo los Charts Blazor. 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 de productos hoy para ver si califica para descuentos adicionales.
¿Dónde puedo encontrar la demo de Syncfusion Blazor Charts?
Puede encontrar nuestra demo de Charts Blazor, que demuestra cómo renderizar y configurar los Charts.
¿Puedo comprar el componente Syncfusion Blazor Charts por separado?
No, nuestros + componentes y frameworks para web, móvil y escritorio, incluyendo nuestros Charts Blazor, 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 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 + 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 de productos hoy para ver si califica para descuentos adicionales.
¿Puedo descargar y utilizar Syncfusion Blazor 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 Blazor Charts?
Un buen lugar para comenzar sería nuestra documentación integral de introducción.
Nuestros clientes nos aman
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 Charts Blazor
Los videos tutoriales y publicaciones de blog de Charts Blazor lo guiarán en la construcción de su primera aplicación con componentes Blazor. 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 publicaciones más recientes en nuestro blog y canales de videos tutoriales para actualizaciones de Charts Blazor.
VIDEOS
Cómo crear y personalizar el gráfico de columnas en el componente de Charts Blazor
8 DE MAYO, 2024
BLOG
Charts sincronizados de Blazor: La herramienta perfecta para análisis comercial
11 DE ENERO, 2024
VIDEOS
Cómo crear y personalizar el gráfico de línea en el componente de Charts Blazor
26 DE MARZO, 2024