LineChart
CompleteGráfico de líneas con varias series, suavizado y relleno de área opcionales. Haga clic en una entrada de la leyenda para ocultar o mostrar una serie. El gráfico se dibuja como SVG y usa los colores del tema; al pasar el puntero por un punto se muestra su valor. Para los lectores de pantalla se incluye una tabla oculta con los mismos números.
Ejemplo
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
Area | bool | Rellena el área bajo la línea. |
Categories | IEnumerable<string> | Etiquetas a lo largo del eje horizontal. |
Class | string | Clases CSS adicionales que se agregan al elemento raíz. |
Height | Double | Altura máxima del cuerpo de la cuadrícula, por ejemplo 24rem (28rem de forma predeterminada con VirtualScroll). |
IntegerTicks | bool? | Fuerza pasos de eje de números enteros; de forma predeterminada se usan cuando todos los valores son enteros. |
Label | string | Texto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia). |
Series | IEnumerable<ChartSeries> | Series de datos: ChartSeries(name, values). |
ShowDataLabels | bool | Escribe el valor en cada marca (barras, puntos de línea, sectores circulares). |
ShowExport | bool | Agrega botones que guardan el gráfico como imagen PNG o SVG. |
ShowGrid | bool | Dibuja líneas de cuadrícula horizontales. |
ShowLegend | bool | Muestra la leyenda en la que se puede hacer clic. |
Smooth | bool | Dibuja líneas curvas en lugar de segmentos rectos. |
Style | string | Estilo en línea agregado al elemento raíz. |
Trend | ChartTrend | Línea None, Linear o MovingAverage para cada serie mostrada. |
TrendPeriod | int | Número de valores promediados por la media móvil (3 de forma predeterminada). |
ValueFormat | string | Formato numérico para el eje y la información sobre herramientas, p. ej. N0 o P1. |
Width | Double | Skeleton: cualquier longitud CSS. Charts: ancho del dibujo en unidades SVG (el gráfico sigue adaptándose a su contenedor). |
ZeroBased | bool | Incluye siempre el cero en el eje de valores. |
Zoomable | bool | Agrega botones de ampliar y mover; el gráfico muestra una ventana de las categorías. |
Paquete
LineChart forma parte de RayCraft Complete. Paquete: RayCraft.Blazor.Complete. Se obtiene del feed privado de RayCraft y requiere una licencia activa. Consulte Primeros pasos.
Controles relacionados
- ChartDataTableUna tabla de los datos del gráfico oculta a la vista y leída por los lectores de pantalla, de modo que los valores del gráfico están disponibles como texto.
- ChartLegendLa leyenda de un gráfico.
- ChartToolbarLos botones de herramientas del gráfico: ampliar, reducir, mover a la izquierda, mover a la derecha, restablecer y exportar.
Enviar comentariosVersión 1.0.3