Ignite UI for Blazor Changelog
Todos los cambios notables para cada versión de Ignite UI for Blazor están documentados en esta página.
24.1.46 (September 2024)
IgniteUI.Blazor (Charts)
Nueva Gráfico circular de datos:
IgbDataPieChart
es un nuevo componente que representa un gráfico circular. Este componente funciona de forma similar alIgbCategoryChart
componente ItemLegend, en el sentido de que detectará automáticamente las propiedades del modelo de datos subyacente a la vez que permite la selección, el resaltado, la animación y la compatibilidad con leyendas a través del componente ItemLegend.Nuevo eje de ángulo de categoría proporcional: nuevos ejes para la serie circular radial en el
IgbDataChart
, para trazar porciones similares a un gráfico circular, un tipo de visualización de datos donde los puntos de datos se representan como segmentos dentro de un gráfico circular.-
Nueva ToolActionCheckboxList Una nueva CheckboxList ToolAction que muestra una colección de elementos con casillas de verificación para seleccionar. Una cuadrícula dentro de ToolAction CheckboxList crece en altura hasta 5 elementos, luego se muestra una barra de desplazamiento. Requiere que se registre IgbCheckboxListModule.
Nuevo soporte de filtrado
Cambios en el campo del eje Nuevo IconMenu predeterminado en la barra de herramientas cuando se dirige a CategoryChart. Los campos de etiqueta se asignan al eje X y los campos de valor se asignan al eje Y. El gráfico objetivo reacciona en tiempo real a los cambios realizados. IconMenu se oculta cuando el gráfico no tiene establecido ItemsSource.
General
- Nuevo componente Banner.
- Nuevo componente DatePicker.
- Nuevo
IgbDivider
componente. IgbIcon
- Método añadido
SetIconRef
. Esto permite registrar y reemplazar iconos por archivos SVG. - Todos los componentes ahora usan iconos por referencia internamente para que sea fácil reemplazarlos sin proporcionar explícitamente plantillas personalizadas.
- Método añadido
IgbCombo
,DatePicker
,IgbDialog
,IgbDropdown
,IgbExpansionPanel
,IgbNavDrawer
,IgbToast
,IgbSnackbar
, IgbSelectComponent- Toggle methods
Show
,Hide
,Toggle
methods devuelve true now en caso de éxito. De lo contrario, falso.
- Toggle methods
IgbRadioGroup
CAMBIOS IMPORTANTES:
- Se ha cambiado el nombre de la antigua IgbDatePicker a IgbXDatePicker.
- Componente eliminado
Form
. En su lugar, utilice la forma nativa. - Se ha eliminado
size
la propiedad en favor de la--ig-size
propiedad personalizada CSS para los siguientes componentes:IgbAvatar
,IgbButton
,IgbIconButton
,IgbCalendar
,IgbChip
IgbDropdown
IgbIcon
IgbInput
IgbList
IgbRating
IgbSnackbar
IgbTabs
IgbTree
IgbBadge
,IgbChip
,IgbLinearProgress
,IgbCircularProgress
- Se ha cambiado el nombre del
Variant
tipo de propiedad aStyleVariant
.
- Se ha cambiado el nombre del
IgbCalendar
- Se ha cambiado el nombre del
WeekStart
tipo de propiedad aWeekDays
.
- Se ha cambiado el nombre del
IgbCheckbox
,IgbSwitch
- Se ha cambiado
Change
el tipo de argumento de evento deIgbComponentBoolValueChangedEventArgs
toIgbCheckboxChangeEventArgs
.
- Se ha cambiado
IgbCombo
- El
IgbCombo
ahora es de tipo genérico y elValue
tipo ahora es de tipoT[]
. Esto significa que debe especificarT
o se deducirá del tipo asignadoValue
. - Propiedades eliminadas
IgbPositionStrategy
,Flip
,SameWidth
.
- El
- IgbSelectComponent
- Propiedades eliminadas
IgbPositionStrategy
,Flip
,SameWidth
.
- Propiedades eliminadas
IgbDateTimeInput
IgbDropdown
- Propiedad eliminada
IgbPositionStrategy
.
- Propiedad eliminada
IgbInput
IgbRadio
- Se ha cambiado
Change
el tipo de argumento de evento deIgbComponentBoolValueChangedEventArgs
toIgbRadioChangeEventArgs
.
- Se ha cambiado
IgbRangeSlider
- Eliminado
AriaThumbLower
yAriaThumbUpper
propiedades. UtiliceThumbLabelLower
yThumbLabelUpper
en su lugar.
- Eliminado
IgbRating
- Se ha cambiado el nombre de
Readonly
la propiedad aReadOnly
.
- Se ha cambiado el nombre de
IgniteUI.Blazor
- Todas las cuadrículas
- Added
GetColumns
/GetColumnsAsync
methods, que devuelven la colección de columnas de cuadrícula. - Se ha añadido un nuevo
RowClick
evento.
- Added
IgbPivotGrid
- Propiedad agregada
Sortable
para aIgbPivotDimension
. - Se ha añadido un diseño horizontal. Se puede habilitar dentro de la nueva
PivotUI
propiedad comoRowLayout
Horizontal
. - Se agregaron resúmenes de dimensiones de fila solo para el diseño horizontal. Se puede habilitar para cada uno
IgbPivotDimension
estableciendoHorizontalSummary
en true. - Se ha añadido
HorizontalSummariesPosition
la propiedad a laPivotUI
posición de configuración de resúmenes horizontales. - Se agregaron encabezados de fila para las dimensiones de fila. Se puede habilitar dentro de la nueva
PivotUI
propiedad comoShowHeaders
true. - La navegación por teclado ahora puede moverse hacia adelante y hacia atrás a los encabezados de fila desde cualquier encabezado de dimensión de fila o encabezado de columna.
- Se agregaron interacciones de teclado para la contracción de la dimensión de fila usando Alt + ← → ↑ ↓ flechas y la clasificación de encabezados de fila usando Ctrl + ↑ ↓ flechas.
- Propiedad agregada
CAMBIOS IMPORTANTES:
- Todas las cuadrículas
IgbRowIsland
- Se ha quitado
DisplayDensity
la propiedad en desuso. - Retitulado
Columns
,ActualColumns
,ContentColumns
propiedades deColumnList
,ActualColumnList
yContentColumnList
. Se recomienda utilizar el nuevoGetColumns
método en su lugar. - Se ha cambiado el nombre y
RowAdd
elRowDelete
tipo de argumento de evento aIgbRowDataCancelableEventArgs
. - Se ha cambiado el nombre del
ContextMenu
tipo de argumento de evento aIgbGridContextMenuEventArgs
. - Eliminados
IgbGridEditEventArgs
,IgbGridEditDoneEventArgs
,IgbPinRowEventArgs
eventosRowID
yPrimaryKey
propiedades. ÚseloRowKey
en su lugar.
IgbPivotGrid
- propiedad removida
ShowPivotConfigurationUI
. UtilicePivotUI
y establezca dentro de él la nuevaShowConfiguration
opción.
- propiedad removida
IgbColumn
- Propiedad eliminada
Movable
. Utilice la propiedad deMoving
Grid ahora. - Propiedad eliminada
ColumnChildren
. ÚseloChildColumns
en su lugar.
- Propiedad eliminada
IgbColumnGroup
- Propiedad eliminada
Children
. ÚseloChildColumns
en su lugar.
- Propiedad eliminada
IgbPaginator
- Eliminado
IsFirstPageDisabled
yIsLastPageDisabled
propiedades. UtiliceIsFirstPage
yIsLastPage
en su lugar.
- Eliminado
23.2.257 (June 2024)
General
IgbInput
,IgbTextarea
- expuestoValidateOnly
para permitir que las reglas de validación se apliquen sin restringir la entrada del usuario.IgbDropdown
-IgbPositionStrategy
property está en desuso. El menú desplegable ahora usa laPopover
API para representar su contenedor en la capa superior de la ventana gráfica del navegador, lo que hace que la propiedad quede obsoleta.IgbDockManager
-IgbSplitPane
IsMaximized
está en desuso. Tener isMaximized establecido en true en un nivel de panel dividido no tiene ningún efecto real, ya que los paneles divididos solo sirven como contenedores, lo que significa que no tienen contenido real que se muestre maximizado. Utilice laIsMaximized
propiedad deIgbTabGroupPane
y/oIgbContentPane
en su lugar.
IgniteUI.Blazor
DisplayDensity
en desuso en favor de la--ig-size
propiedad personalizada CSS. Consulte el tema Tamaño de cuadrícula para obtener más información.IgbPivotGrid
- El tipo de opción Columnas, Filas, Filtros dePivotConfiguration
ahora es la matriz de IgbPivotDimension -PivotDimension[]
, que eraPivotDimensionCollection
anteriormente.
El tipo de opción Values from PivotConfiguration
ahora es la matriz de IgbPivotValue -PivotValue[]
, que era PivotValueCollection
anteriormente.
IgniteUI.Blazor (Charts)
- Agrupación de leyendas de datos y agrupación de información sobre herramientas de datos: se agregó una nueva función de agrupación. La propiedad
GroupRowVisible
alterna la agrupación con cada serie que opta por participar puede asignar texto de grupo a través de laDataLegendGroup
propiedad. Si se aplica el mismo valor a más de una serie, aparecerán agrupadas. Útil para grandes conjuntos de datos que deben clasificarse y organizarse para todos los usuarios.
Selección de gráficos: nuevo estilo de selección de series. Esto se adopta ampliamente en todas las categorías, series financieras y radiales para
IgbCategoryChart
yIgbDataChart
. Se puede hacer clic en las series y se les puede mostrar un color diferente, iluminadas o descoloridas, y enfocar los contornos. Administre qué elementos se ven afectados a través de series individuales o elementos de datos completos. Se admiten varias series y marcadores. Útil para ilustrar diversas diferencias o similitudes entre los valores de un elemento de datos determinado. TambiénSelectedSeriesItemsChanged
estánSelectedSeriesItems
disponibles para obtener ayuda adicional para crear requisitos comerciales sólidos en torno a otras acciones que pueden tener lugar dentro de una aplicación, como una ventana emergente u otra pantalla con análisis de datos basado en la selección.Eje de ángulo de categoría proporcional: nuevos ejes para la serie circular radial en el
IgbDataChart
, para permitir la creación de gráficos circulares en el permitiendo visualizaciones robustas utilizando toda la potencia agregada del gráfico de datos.Resaltado de mapa de árbol: ahora expone una
HighlightingMode
propiedad que le permite configurar el resaltado de los elementos en el mapa de árbol al pasar el mouse. Esta propiedad toma dos opciones:Brighten
donde el resaltado se aplicará solo al elemento sobre el que pasa el mouse, yFadeOthers
donde el resaltado del elemento sobre el que se pasa el mouse seguirá siendo el mismo, pero todo lo demás se desvanecerá. Este resaltado está animado y se puede controlar mediante laHighlightingTransitionDuration
propiedad.Resaltado basado en porcentajes de diagrama de rectángulos: nuevo resaltado basado en porcentajes, que permite a los nodos representar el progreso o el subconjunto de una colección. La apariencia se muestra como un relleno de su color de fondo hasta un valor específico, ya sea por un miembro en el elemento de datos o mediante el suministro de uno nuevo
HighlightedDataSource
. Se puede alternar a travésHighlightedValuesDisplayMode
y diseñar a travésFillBrushes
de.Toolbar
- NuevaIsHighlighted
opción de ToolAction para delinear un borde alrededor de herramientas específicas de elección.
IgniteUI.Blazor (Gauges)
IgbRadialGauge
- Nueva etiqueta para la aguja de resaltado.
HighlightLabelText
yHighlightLabelSnapsToNeedlePivot
se agregaron muchas otras propiedades relacionadas con el estilo para HighlightLabel.
- Nueva etiqueta para la aguja de resaltado.
23.2.204 (March 2024)
IgniteUI.Blazor (Charts)
Filtrado de datos a través de la InitialFilter
propiedad. Aplique expresiones de filtro para filtrar los datos del gráfico a un subconjunto de registros. Se puede utilizar para profundizar en datos de gran tamaño.
IgbBulletGraph
- La barra de rendimiento ahora reflejará una diferencia entre el valor y el nuevo
HighlightValue
cuando seHighlightValueDisplayMode
aplica a la configuración 'Superposición'. El valor de resaltado mostrará un porcentaje medido filtrado/subconjunto como un color relleno, mientras que la apariencia de la barra restante aparecerá difuminada hasta el valor asignado, lo que ilustra el rendimiento en tiempo real.
- La barra de rendimiento ahora reflejará una diferencia entre el valor y el nuevo
IgbLinearGauge
- Se agregó una nueva aguja de reflejos.
HighlightValue
yHighlightValueDisplayMode
cuando a ambos se les proporciona un valor y una configuración de 'Superposición', esto hará que la aguja principal aparezca descolorida y aparecerá una nueva aguja.
- Se agregó una nueva aguja de reflejos.
IgbRadialGauge
- Se agregó una nueva aguja de reflejos.
HighlightValue
yHighlightValueDisplayMode
cuando a ambos se les proporciona un valor y una configuración de 'Superposición', esto hará que la aguja principal aparezca descolorida y aparecerá una nueva aguja.
- Se agregó una nueva aguja de reflejos.
23.2.191 (April 2024)
- Correcciones
23.2.189 (March 2024)
New Components
- [
IgbHierarchicalGrid
](grids/hierarchical-grid/overview.md) componente IgbTextarea
componentIgbButtonGroup
componente
New Features
IgbDockManager
- Nuevo
ProximityDock
inmueble. Si se habilita, los indicadores de acoplamiento no son visibles y el usuario final puede acoplar el panel arrastrado arrastrándolo cerca de los bordes del panel de destino. - Nuevo
ContainedInBoundaries
inmueble. Determina si los paneles flotantes se mantienen dentro de los límites del Administrador de acoplamiento. El valor predeterminado esfalse
. - Nuevo
ShowPaneHeaders
inmueble. Determina si los encabezados de panel solo se muestran al mantener el puntero o siempre visibles. El valor predeterminado esalways
.
- Nuevo
IgbTree
- Se ha añadido
toggleNodeOnClick
una propiedad que determina si al hacer clic en un nodo cambiará su estado expandido o no.false
- Se ha añadido
IgbRating
allowReset
Añadido. Cuando está habilitado, al seleccionar el mismo valor se restablecerá el componente. Cambio de comportamiento: en versiones anteriores, este era el comportamiento predeterminado del componente de clasificación. Asegúrese de establecerallowReset
si necesita mantener este comportamiento en la aplicación.
Select
,IgbDropdown
- exposed
selectedItem
,items
andgroups
getters
- exposed
IgbRadialGauge
- Las nuevas propiedades de título/subtítulo.
TitleText
,SubtitleText
aparecerán cerca de la parte inferior del indicador. Además, se agregaron las diversas propiedades de fuente de título/subtítulo, comoTitleFontSize
,TitleFontFamily
,TitleFontStyle
,TitleFontWeight
yTitleExtent
. Finalmente, el nuevoTitleDisplaysValue
permitirá que el valor se corresponda con la posición de la aguja. - Nuevo
OpticalScalingEnabled
yOpticalScalingSize
propiedades para elIgbRadialGauge
. Esta nueva función administrará el tamaño en el que las etiquetas, títulos y subtítulos del indicador tienen un escalado óptico del 100%. Puedes leer más sobre esta nueva función aquí - Se agregó una nueva aguja de reflejos.
HighlightValue
yHighlightValueDisplayMode
cuando a ambos se les proporciona un valor y una configuración de 'Superposición', esto hará que la aguja principal aparezca descolorida y aparecerá una nueva aguja.
- Las nuevas propiedades de título/subtítulo.
XamRadialChart
- Nuevo modo de etiqueta Por
IgbCategoryAngleAxis
ahora, expone unaLabelMode
propiedad que le permite configurar aún más la ubicación de las etiquetas. Esto le permite alternar entre el modo predeterminado seleccionando laCenter
enumeración, o usar el nuevo modo,ClosestPoint
que acercará las etiquetas al área de trazado circular.
- Nuevo modo de etiqueta Por
General
IgbInput
,IgbMaskInput
,IgbDateTimeInput
,IgbRating
Readonly
se ha cambiado el nombre aReadOnly
IgbInput
Deprecations
- La propiedad y el
size
atributo han quedado obsoletos para todos los componentes. En su lugar, utilice la--ig-size
propiedad personalizada CSS. En el ejemplo siguiente se establece el tamaño del componente de avatar en pequeño:.avatar { --ig-size: var(--ig-size-small); }
IgbDateTimeInput
IgbRangeSlider
AriaLabelLower
yAriaLabelUpper
las propiedades han quedado en desuso. Por favor, useThumbLabelLower
yThumbLabelUpper
en su lugar.
Removed
- Se ha eliminado nuestro propio
dir
atributo que ensombrecía el predeterminado. Este es un cambio que no se rompe. IgbSlider
-ariaLabel
Propiedad sombreada. Este es un cambio que no se rompe.IgbCheckbox
-ariaLabelledBy
sombreado. Este es un cambio que no se rompe.IgbSwitch
-ariaLabelledBy
sombreado. Este es un cambio que no se rompe.IgbRadio
-ariaLabelledBy
sombreado. Este es un cambio que no se rompe.
23.2.110 (January 2024)
.NET 8.0 support
- La versión 2023.2 ahora es compatible con .NET 8. Para obtener más información sobre .NET 8, consulte este artículo en el sitio de Microsoft.
IgniteUI.Blazor (Charts)
- Filtro de resaltado de gráfico: ahora
IgbCategoryChart
IgbDataChart
expone una forma de resaltar y animar dentro y fuera de un subconjunto de datos. La visualización de este resaltado depende del tipo de serie. Para las series de columnas y áreas, el subconjunto se mostrará en la parte superior del conjunto total de datos, donde el subconjunto se coloreará con el pincel real de la serie, y el conjunto total tendrá una opacidad reducida. En el caso de las series de líneas, el subconjunto se mostrará como una línea punteada.
23.2.97 (December 2023)
IgniteUI.Blazor (Toolbar - Beta)
- Se ha agregado la acción de la herramienta Guardar para guardar el gráfico en una imagen a través del portapapeles.
- La orientación vertical se ha agregado a través de la propiedad de la barra de
Orientation
herramientas. De forma predeterminada, la barra de herramientas es horizontal, ahora la barra de herramientas se puede mostrar en orientación vertical donde las herramientas aparecerán a la izquierda / derecha respetuosamente. - Se agregó compatibilidad con íconos SVG personalizados a través del método de la barra de herramientas, lo que mejora aún más la creación de
renderImageFromText
herramientas personalizadas.
IgniteUI.Blazor (Grid)
- Se agregaron nuevas características: persistencia de estado
23.1.37 (June 2023)
New Components
- Barra de herramientas- Beta. Este componente es un contenedor complementario para las operaciones de la interfaz de usuario que se utilizará principalmente con nuestros componentes de gráficos. La barra de herramientas se actualizará dinámicamente con un ajuste preestablecido de propiedades y herramientas cuando se vincule a nuestros componentes
IgbDataChart
oIgbCategoryChart
, pero también le brinda la posibilidad de crear herramientas personalizadas para su proyecto.
IgniteUI.Blazor (Charts)
ValueLayer: ahora se expone un nuevo tipo de serie llamado
IgbValueLayer
que puede permitirle representar una superposición para diferentes puntos focales de los datos trazados, como Máximo, Mínimo y Promedio. Esto se aplica aIgbCategoryChart
eIgbFinancialChart
agregándolos a la nueva colecciónValueLines
.Ahora es posible aplicar una matriz de guiones a las diferentes partes de la serie del
IgbDataChart
. Puede aplicar esto a las series trazadas en el gráfico, a las líneas de cuadrícula del gráfico y a las líneas de tendencia de las series trazadas en el gráfico.
22.2.65 (April 2023)
New Components
New Components
IgniteUI.Blazor (Data Grid)
- Se introdujo un nuevo argumento
PrimaryKey
enIgbRowDataEventArgs
desdeDetail
y parte de los argumentos de evento emitidos por los eventosRowAdded
yRowDeleted
. Cuando la cuadrícula tiene un atributo de clave principal agregado, el argumento del evento de clave primaria emitido representa el ID de la fila; de lo contrario, el valor predeterminado es nulo. - Se cambian los argumentos del evento
RowSelectionChanging
. Ahora, las coleccionesOldSelection
,NewSelection
,Added
yRemoved
ya no constan de las claves de fila de los elementos seleccionados cuando la cuadrícula ha establecido una clave primaria, pero ahora, en cualquier caso, se emiten los datos de la fila. - Cuando la cuadrícula funciona con datos remotos y se ha configurado una clave principal, las filas seleccionadas que actualmente no forman parte de la vista de la cuadrícula se emitirán para un objeto de datos de fila parcial.
- Cuando la fila seleccionada se elimina del componente de cuadrícula, el evento
RowSelectionChanging
ya no se emitirá. - Se cambió el nombre del evento
OnGroupingDone
aGroupingDone
para no violar la convención de salidas sin prefijo. - Se cambió el nombre del evento
OnDensityChanged
aDensityChanged
para no violar la convención de salidas sin prefijo. Todos los componentes que exponen este evento se ven afectados.
IgniteUI.Blazor (Pivot Grid)
- The
IgbPivotDateDimension
propertiesInBaseDimension
andInOption
have been deprecated and renamed toBaseDimension
andOptions
respectively.
IgniteUI.Blazor (Inputs)
IgbDateTimeInput
, the StepDownAsync(DateTimeInputDatePart.Date, SpinDelta.Date) is now trimmed down to DatePart instead of DateTimeInputDatePartIgbRadio
eIgbRadioGroup
, agregaron validación de componentes junto con estilos para estados no válidosMask
, agregó la capacidad de escapar de los literales del patrón de máscara.IgbBadge
agregó una propiedadShape
que controla la forma de la insignia y puede serSquare
oRounded
. La forma predeterminada de la insignia es redondeada.IgbAvatar
, la propiedadRoundShape
ha quedado obsoleta y se eliminará en una versión futura. Los usuarios pueden controlar la forma del avatar mediante el atributoShape
recién agregado que puede serSquare
,Rounded
oCircle
. La forma predeterminada del avatar esSquare
.
IgniteUI.Blazor (DockManager)
- La colección Panes de Dock Manager ahora tiene un configurador protegido; requiere que llame a Agregar en lugar de configurar paneles en una estructura anidada al crearlos.
22.2.50 (December 2022)
New Components
- combinado
- Rejilla de pivote
- .NET 7.0
22.1.76 (November 2022)
New Components
IgniteUI.Blazor (Charts)
Se agregaron mejoras significativas a los comportamientos predeterminados y se refinó la API de Gráfico de categorías para que sea más fácil de usar. Estas nuevas mejoras en los gráficos incluyen:
- Diseños responsivos para la rotación horizontal de etiquetas según el tamaño del navegador/pantalla.
- Representación mejorada para etiquetas redondeadas en todas las plataformas.
- Se agregaron propiedades de marcador a StackedFragmentSeries.
- Added
ShouldPanOnMaximumZoom
property. - Nuevas propiedades del eje de categorías:
- ZoomMáximoCategoríaRango
- ZoomMaximumItemSpan
- ZoomToCategoryRange
- ZoomToItemSpan
- Nueva API de agregación de gráficos para agrupar, ordenar y resumir cadenas de categorías y valores numéricos, lo que elimina la necesidad de agregar previamente o calcular datos del gráfico:
- Descripciones de clasificación inicial
- Clasificaciones iniciales
- Ordenar descripciones
- Grupos iniciales
- Descripciones de grupo inicial
- Descripciones de grupo
- Resúmenes iniciales
- Descripcionesde resumen inicial
- ResumenDescripciones
- Descripciones de clasificación de grupo inicial
- Clasificación de grupos
- Descripciones de clasificación de grupos
[!Note] Chart Aggregation will not work when using
IncludedProperties
|ExcludedProperties
. These properties on the chart are meant for non-aggregated data. Once you attempt to aggregate data these properties should no longer be used. The reason it does not work is because aggregation replaces the collection that is passed to the chart for render. The include/exclude properties are designed to filter in/out properties of that data and those properties no longer exist in the new aggregated collection.
IgniteUI.Blazor (Data Grid)
- Changed IgbColumn to
IgbDataGridColumn
- Changed GridCellEventArgs to
IgbDataGridCellEventArgs
- Se ha cambiado GridSelectionMode a
DataGridSelectionMode
- Changed SummaryOperand to
DataSourceSummaryOperand
22.1.41 (June 2022)
IgniteUI.Blazor (Charts)
- Se agregó el componente DataLegend altamente configurable, que funciona de manera muy similar a
Legend
, pero muestra valores de series y proporciona muchas propiedades de configuración para filtrar filas de series y columnas de valores, aplicar estilos y formatear valores. - Se agregó DataToolTip altamente configurable que muestra valores y títulos de series, así como insignias de leyenda de series en una información sobre herramientas. Esta es ahora la información sobre herramientas predeterminada para todos los tipos de gráficos.
- Se agregó soporte de animación y transición para Stacked Series. Las animaciones se pueden habilitar estableciendo la propiedad
IsTransitionInEnabled
en verdadero. Desde allí, puede configurar la propiedadTransitionInDuration
para determinar cuánto tiempo debe tardar en completarse la animación yTransitionInMode
para determinar el tipo de animación que se lleva a cabo. - Se agregó
AssigningCategoryStyle
el evento, ahora está disponible para todas las series enIgbDataChart
. Este evento se controla cuando se desea configurar condicionalmente aspectos de los elementos de la serie, comoFill
el color de fondo y el resaltado. - Nueva enumeración
AllowedPositions
para CalloutLayer. Se utiliza para limitar dónde se colocarán las llamadas dentro del gráfico. De forma predeterminada, las leyendas se colocan de forma inteligente en el mejor lugar, pero esto solía forzar, por ejemplo,TopLeft
,TopRight
,BottomLeft
oBottomRight
. - Se agregaron nuevas propiedades de radio de esquina para las capas de anotación; se utiliza para redondear las esquinas de cada una de las leyendas. Tenga en cuenta que ahora se ha agregado un radio de esquina de forma predeterminada.
CalloutCornerRadius
for CalloutLayerAxisAnnotationBackgroundCornerRadius
for FinalValueLayerXAxisAnnotationBackgroundCornerRadius
andYAxisAnnotationBackgroundCornerRadius
for CrosshairLayer
- Nueva enumeración
HorizontalViewScrollbarMode
yVerticalViewScrollbarMode
para habilitar las barras de desplazamiento de varias maneras. Cuando se combina conIsVerticalZoomEnabled
oIsHorizontalZoomEnabled
, podrá persistir o aparecer y desaparecer gradualmente en las barras de desplazamiento a lo largo de los ejes para navegar por el gráfico. - Nuevo
FavorLabellingScaleEnd
, determina si el eje debe favorecer la emisión de una etiqueta al final de la escala. Solo compatible con ejes numéricos (por ejemplo,IgbNumericXAxis
,IgbNumericYAxis
,PercentChangeAxis
). - El nuevo
IsSplineShapePartOfRange
determina si se incluye la forma de spline en el rango de eje solicitado del eje. - Nuevo
XAxisMaximumGap
, determina el valor máximo permitido para la serie trazada cuando se usaXAxisGap
. El espacio determina la cantidad de espacio entre columnas o barras de la serie trazada. - El nuevo
XAxisMinimumGapSize
determina el valor mínimo permitido basado en píxeles para la serie trazada cuando se utilizaXAxisGap
para garantizar que siempre haya algo de espacio entre cada categoría.
IgniteUI.Blazor (Data Grid)
Se agregó una nueva característica: paginación de filas, que se usa para dividir un gran conjunto de datos en una secuencia de páginas que tienen contenido similar. Con la paginación, los datos se pueden mostrar en un número determinado de filas, lo que permite a los usuarios "desplazarse" por sus datos, sin necesidad de una barra de desplazamiento. La interfaz de usuario para la paginación de tablas suele incluir elementos como la página actual, el total de páginas y las flechas o botones Anterior y Siguiente en los que se puede hacer clic que permiten a los usuarios desplazarse por las páginas de datos.
IgniteUI.Blazor (Dock Manager)
- Blazor Dock Manager ahora está en estado "Vista previa", lo que proporciona una forma de administrar un diseño complejo utilizando diferentes tipos de paneles con varios tamaños, posiciones y comportamientos, y que se pueden acoplar a varias ubicaciones dentro de una aplicación. Dock Manager permite a los usuarios finales personalizarlo aún más fijando, cambiando el tamaño, moviendo, flotando y ocultando paneles.
New Components
- Chip
- Progreso circular
- Progreso lineal
- Desplegable
- Control deslizante y control deslizante de rango
- snack bar
- Tostada
21.2.52 (December 2021)
[!Note] The following breaking changes were introduced
IgniteUI.Blazor (Data Grid)
- Se cambió la propiedad
ValueField
de tipo cadena [] a cadena.
IgniteUI.Blazor (Inputs)
- Un nuevo evento
ValueChanged
admite enlace bidireccional y solo debe manejarse si no ha vinculado la propiedadValue
. Para leer el campo Valor del control sin vincular datos, se debe manejar el eventoValueChanged
; de lo contrario, si sus datos no están vinculados, debe usar GetCurrentValueAsync para leer el valor de los controles.
Selector de fechas
- Changed
ValueChanged
event toSelectedValueChanged
.
Multi-Column ComboBox
- Se cambió el evento
TextChanged
aTextValueChanged
. - Changed
ValueChanged
event toSelectedValueChanged
.
21.2.22 (November 2021)
[!Note] The Igb prefix is now required for the Ignite UI for Blazor components and nested elements within each component. This API change was necessary to avoid ambiguity between Infragistics controls and 3rd party controls.
For example,
<CategoryChart/>
instead of<CategoryChart/>
New Components
- Avatar
- Insignia
- Button & Icon Button
- Tarjeta
- Caja
- Forma
- Icono
- Lista
- Barra de navegación
- Cajón de navegación
- Grupo de radio y radio
- Onda
- Cambiar
Chart and Map Improvements
Esta versión introduce algunas mejoras y simplificaciones en el diseño visual y las opciones de configuración para el mapa geográfico y todos los componentes del gráfico.
- Se cambió el tipo de propiedad
YAxisLabelLocation
a YAxisLabelLocation de AxisLabelLocation enIgbFinancialChart
eIgbCategoryChart
- Changed
XAxisLabelLocation
property's type to XAxisLabelLocation from AxisLabelLocation inIgbFinancialChart
- Added
XAxisLabelLocation
property toIgbCategoryChart
- Se agregó soporte para representar series geográficas de
IgbGeographicMap
en una leyenda. - Added crosshair lines by default in
IgbFinancialChart
andIgbCategoryChart
- Added crosshair annotations by default in
IgbFinancialChart
andIgbCategoryChart
- Added final value annotation by default in
IgbFinancialChart
- Se agregaron nuevas propiedades en Gráfico de categorías y Gráfico financiero:
CrosshairsLineThickness
y otras propiedades para personalizar las líneas de cruceCrosshairsAnnotationXAxisBackground
y otras propiedades para personalizar las anotaciones de los puntos de miraFinalValueAnnotationsBackground
y otras propiedades para personalizar las anotaciones de valores finalesAreaFillOpacity
que permite cambiar la opacidad del relleno de la serie (por ejemplo, gráfico de áreas)MarkerThickness
que permite cambiar el grosor de los marcadores.
- Se agregaron nuevas propiedades en Gráfico de categorías, Gráfico financiero, Gráfico de datos y Mapa geográfico:
MarkerAutomaticBehavior
que permite qué tipo de marcador se asigna a varias series en el mismo gráficoLegendItemBadgeShape
para configurar la forma de la insignia de todas las series representadas en una leyendaLegendItemBadgeMode
para configurar la complejidad de la insignia en todas las series de una leyenda
- Se agregaron nuevas propiedades en Serie en Gráfico de datos y Mapa geográfico:
LegendItemBadgeShape
para configurar la forma de la insignia en series específicas representadas en una leyendaLegendItemBadgeMode
para configurar la complejidad de la insignia en series específicas en una leyenda
- Se cambió el trazo de línea en forma de cruz vertical predeterminado de #000000 a #BBBBBB en el gráfico de categorías y las series.
- Se cambió la forma de los marcadores a círculos para todas las series trazadas en el mismo gráfico. Esto se puede revertir estableciendo la propiedad
MarkerAutomaticBehavior
del gráfico en el valor de enumeraciónSmartIndexed
. - Formas simplificadas de series en la leyenda del gráfico para mostrar solo círculos, líneas o cuadrados. Esto se puede revertir estableciendo la propiedad
LegendItemBadgeMode
del gráfico en el valor de enumeraciónMatchSeries
. - Se modificó la paleta de colores de las series y los marcadores que se muestran en todos los gráficos para mejorar la accesibilidad.
Pinceles/contornos antiguos | Nuevo contorno/pinceles |
---|---|
#8BDC5C #8B5BB1 #6DB1FF #F8A15F #EE5879 #735656 #F7D262 #8CE7D9 #E051A9 #A8A8B7 |
#8BDC5C #8961A9 #6DB1FF #82E9D9 #EA3C63 #735656 #F8CE4F #A8A8B7 #E051A9 #FF903B |
IgniteUI.Blazor (Data Grid)
- Nuevas características agregadas:
- New API:
- Se agregó el evento
SelectionChanged
. Se utiliza para detectar cambios en interacciones de selección, por ejemplo, selección de varias filas.
- Se agregó el evento
- Cambios importantes:
- Changed grid's SummaryScope property's type to SummaryScope from
DataSourceSummaryScope
- Changed GroupHeaderDisplayMode property's type to GroupHeaderDisplayMode from
DataSourceSectionHeaderDisplayMode
- Changed grid's SummaryScope property's type to SummaryScope from
21.1.52 (April 2021)
New Visual Designs
Charts & Maps
Esta versión presenta varias opciones de configuración y diseño visual nuevas y mejoradas para todos los componentes del gráfico, por ejemplo IgbDataChart
, IgbCategoryChart
y IgbFinancialChart
.
- Se modificó la serie Barra/Columna/Cascada para que tenga esquinas cuadradas en lugar de esquinas redondeadas.
- Se cambiaron los colores de la serie Scatter High Density para la propiedad mínima de calor de #8a5bb1 a #000000
- Se cambiaron los colores de la serie Scatter High Density para la propiedad Heat Max de #ee5879 a #ee5879
- Se cambiaron las propiedades
NegativeBrush
yNegativeOutline
de las series Financial/Waterfall de #C62828 a #ee5879. - Se cambió el grosor del marcador a 2px desde 1px.
- Se modificó el relleno del marcador para que coincida con el contorno del marcador para
IgbPointSeries
,IgbBubbleSeries
,IgbScatterSeries
,IgbPolarScatterSeries
. Puede usar establecer la propiedadMarkerFillMode
en Normal para deshacer este cambio - Etiquetado comprimido para
IgbTimeXAxis
eIgbOrdinalTimeXAxis
- Nuevas propiedades del marcador:
- serie.
MarkerFillMode
: se puede configurar enMatchMarkerOutline
para que el marcador dependa del contorno. - serie.
MarkerFillOpacity
: se puede establecer en un valor de 0 a 1 - serie.
MarkerOutlineMode
: se puede configurar enMatchMarkerBrush
para que el contorno del marcador dependa del color del pincel de relleno.
- serie.
- Propiedad de nueva serie:
- serie.
OutlineMode
: se puede configurar para alternar la visibilidad del esquema de la serie. Tenga en cuenta que, para Gráfico de datos, la propiedad está en la serie
- serie.
- Nuevas propiedades del gráfico que definen el área de sangrado introducidas en la ventana gráfica cuando el gráfico está en el nivel de zoom predeterminado. Un caso de uso común es proporcionar espacio entre los ejes y el primer/último punto de datos. Tenga en cuenta que
ComputedPlotAreaMarginMode
, que se enumera a continuación, establecerá automáticamente el margen cuando los marcadores estén habilitados. Los otros están diseñados para especificar unDouble
para representar el grosor, donde PlotAreaMarginLeft, etc. ajusta el espacio a los cuatro lados del gráfico:- chart.
PlotAreaMarginLeft
- chart.
PlotAreaMarginTop
- chart.
PlotAreaMarginRight
- chart.
PlotAreaMarginBottom
- chart.
ComputedPlotAreaMarginMode
- chart.
- Nuevas propiedades de resaltado
- cuadro.
HighlightingMode
: establece si las series suspendidas o no suspendidas se desvanecen o iluminan - cuadro.
HighlightingBehavior
: establece si la serie se resalta dependiendo de la posición del mouse, por ejemplo, directamente sobre el elemento más cercano o sobre él. - Tenga en cuenta que en versiones anteriores el resaltado se limitaba a desvanecerse al pasar el mouse.
- cuadro.
- Se agregó resaltado de series apiladas, dispersas, polares, radiales y de formas:
- Se agregaron capas de anotación a las series Apiladas, Dispersas, Polares, Radiales y Formas:
- Se agregó soporte para anular la fuente de datos de fragmentos de pila individuales dentro de una serie apilada.
- Se agregaron eventos de estilo personalizados a las series Apilado, Dispersión, Rango, Polar, Radial y Forma.
- Se agregó soporte para sincronizar automáticamente el zoom vertical con el contenido de la serie.
- Se agregó soporte para expandir automáticamente los márgenes horizontales del gráfico según las etiquetas iniciales mostradas.
- Paleta de colores rediseñada de series y marcadores:
Pinceles/contornos antiguos | Nuevo contorno/pinceles |
---|---|
#7446B9 #9FB328 #F96232 #2E9CA6 #DC3F76 #FF9800 #3F51B5 #439C47 #795548 #9A9A9A |
#8bdc5c #8b5bb1 #6db1ff #f8a15f #ee5879 #735656 #f7d262 #8ce7d9 #e051a9 #a8a8b7 |
Por ejemplo:
Leyenda del gráfico
- Se agregó la propiedad
Orientation
horizontal a ItemLegend que se puede usar con burbujas, anillos y Gráfico circular - Added
LegendHighlightingMode
property - Enables series highlighting when hovering over legend items
Mapa geográfico
[!Note] These features are CTP
- Se agregó soporte para la visualización envolvente del mapa (desplazarse infinitamente horizontalmente)
- Se agregó soporte para cambiar la visualización de algunas series de mapas mientras se ajusta alrededor del origen de las coordenadas.
- Se agregó soporte para resaltar la serie de formas.
- Se agregó soporte para algunas capas de anotaciones para la serie de formas.
IgniteUI.Blazor (Data Grid)
- Added
EditOnKeyPress
aka Excel-style Editing, instantly begin editing when typing. - Se agregó la propiedad
EditModeClickAction
: de forma predeterminada, se requiere hacer doble clic para ingresar al modo de edición. Esto se puede configurar enSingleClick
para permitir que se produzca el modo de edición al seleccionar una nueva celda. - Se agregó la propiedad
EnterKeyBehaviors
, también conocida como navegación estilo Excel (Introducir comportamiento): controla el comportamiento de la tecla Intro, por ejemplo, las opciones son (ninguna, editar, subir, bajar, izquierda, derecha). - Se agregó la propiedad
EnterKeyBehaviorAfterEdit
: mientras está en el modo de edición, esta propiedad controla cuándo se presiona Enter, por ejemplo, las opciones son (se mueve a la celda de abajo, arriba, derecha, izquierda) - Added
SelectAllRows
- method. - Selección de rango de filas agregada: con la propiedad
GridSelectionMode
establecida en MultipleRow, ahora se incluye la siguiente nueva funcionalidad:- Haga clic y arrastre para seleccionar filas
- Mayús y haga clic para seleccionar varias filas.
- Mayús y presione las teclas de flecha arriba/abajo para seleccionar varias filas.
- Al presionar la barra espaciadora se alterna la selección de la fila activa a través de la propiedad
GridSelectionMode
establecida en MultipleRow o SingleRow. - Added Column Summaries to Column Options Dialog.
IgniteUI.Blazor (Inputs)
Selector de fechas
ShowTodayButton
- Alterna la visibilidad del botón HoyLabel
: agrega una etiqueta encima del valor de la fecha.- Propiedad
Placeholder
: agrega texto personalizado cuando no se selecciona ningún valor FormatString
- Personalice la cadena de fecha de entrada, por ejemplo, (yyyy-MM-dd
)DateFormat
- Especifica si se muestran las fechas seleccionadas como LongDate o ShortDateFirstDayOfWeek
- Especifica el primer día de la semanaFirstWeekOfYear
- Especifica cuándo mostrar la primera semana del año, por ejemplo, (primera semana completa, primera semana de cuatro días)ShowWeekNumbers
- Alterna la visibilidad del número de semanaMinDate
&MaxDate
- Límites de fechas, especificando un rango de fechas seleccionables disponibles.- Accesibilidad añadida