Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

¿Por qué elegir Syncfusion Essential Studio® Blazor Charts?

Blazor Charts Type image

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.

Blazor Chart Animation image

Animación de Charts

Animación fluida para representar los datos con transiciones suaves.

Blazor Charts Performance image

Rendimiento

Diseñado a fondo para ofrecer un rendimiento acelerado, capaz de renderizar 100k puntos de datos en menos de un segundo.

Blazor Charts Sdk image

Renderizado SVG

Renderizado limpio y nítido basado en vectores para todas sus necesidades de capacidad de respuesta y escalabilidad.

Blazor Charts Data Editing image

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.

Blazor Charts Trendlines image

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.

Blazor Charts Globalization image

Globalización y localización

Permite a los usuarios de diferentes localidades utilizarlos formateando fechas, moneda y numeración para adaptarse a las preferencias.

Blazor Charts Export image

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.

Editar en Blazor Playground

@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 }
    };
}
mobile addaptive icon

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 en gráfico Blazor.

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.

Accesibilidad y soporte de lector de pantalla en gráfico Blazor.

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.

Mostrar idioma de derecha a izquierda en Charts Blazor.

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:

Los Charts Blazor funcionan bien con todos los navegadores web modernos, incluyendo Chrome, Firefox, Edge, Safari y Opera.

Navegadores soportados en Charts Blazor.


¿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 WebAssembly

Preguntas frecuentes

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.

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.

Puede encontrar nuestra demo de Charts Blazor, que demuestra cómo renderizar y configurar los Charts.

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.

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.

Un buen lugar para comenzar sería nuestra documentación integral de introducción.

Nuestros clientes nos aman

Con un excelente conjunto de herramientas y un gran equipo de soporte, Syncfusion® reduce el tiempo de desarrollo de los clientes.
Estas son algunas de sus experiencias.

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 caso


Calificado por usuarios de todo el mundo

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.

Up arrow icon