Ignite UI for Angular Registro de cambios

    Todos los cambios notables para cada versión de Ignite UI for Angular están documentados en esta página.

    [!Note] This topic discusses changes only for components that are not included in the igniteui-angular package. For changes specific to igniteui-angular components, please see CHANGELOG.MD.

    20.2.1 (December 2025)

    Bug Fixes

    Número de error Control Descripción
    33808 IgxDataChart El conjunto de escala para los ticks de IntervalType en TimeAxisInterval no se muestra
    34255 IgxDataChart Las marcas de la escala 0,00001 se muestran superpuestas unas a otras
    38510 IgxDataChart Soporte para eventos AssigningCategoryStyle para series apiladas

    Enhancements

    Gráficos

    • Se ha añadido el evento LabelFormatOverride a TimeXAxisLabelFormat para que ahora puedas sobrescribir el formato con un evento en todos los niveles de formato en TimeXAxis.

    • Ajusté la generación de esquemas para tener en cuenta más elementos y así aumentar la probabilidad de encontrar valores válidos para las propiedades.

    20.2.0 (November 2025)

    igniteui-angular-charts (Charts)

    Anotaciones de usuario

    In Ignite UI for Angular, you can now annotate the IgxDataChartComponent with slice, strip, and point annotations at runtime using the new user annotations feature. This allows the end user to add more details to the plot such as calling out single important events such as company quarter reports by using the slice annotation or events that have a duration by using the strip annotation. You can also call out individual points on the plotted series by using the point annotation or any combination of these three.

    Esto está directamente integrado con las herramientas disponibles de laIgxToolbarComponent.

    Angular user-annotation-create

    Detección de colisiones para anotaciones de ejes

    Capacidad para que las anotaciones de ejes detecten colisiones automáticamente y las trunquen para ajustarse mejor. Para activar esta función debes establecer las siguientes propiedades:

    • ShouldAvoidAnnotationCollisions
    • ShouldAutoTruncateAnnotations

    igniteui-angular-maps (Geographic Map)

    • Azure Map Imagery es ahora RTM.

    Bug Fixes

    Número de error Control Descripción
    40136 Biblioteca de Excel Excepción FormulaParseException al cargar un libro de Excel
    40262 IgxHoja de cálculo #Circularity! se muestra cuando hay advertencias. Solicitud para coincidir con Excel - mostrar un valor, por ejemplo, 0 en su lugar
    40458 IgxHoja de cálculo Al usar la fuente Arial, la hoja de cálculo igx corta el texto en las celdas
    40490 IgxDatePicker Las entradas con Autofill no darán ningún efecto para un selector de fechas

    20.1.0 (September 2025)

    igniteui-angular-maps (Geographic Map)

    Compatibilidad con imágenes de Azure Map

    AhoraGeographicMap soporta imágenes de mapas basadas en Azure, permitiendo a los desarrolladores mostrar mapas detallados y dinámicos en múltiples tipos de aplicaciones. Puedes combinar múltiples capas de mapas, visualizar datos geográficos y crear experiencias de mapeo interactivas con facilidad.

    Nota: La compatibilidad con las imágenes de Mapas de Bing se está eliminando gradualmente. Las claves empresariales existentes se pueden seguir usando para acceder a Bing Maps, lo que garantiza que las aplicaciones actuales sigan funcionando mientras realiza la transición a Azure Maps.

    Explore algunos de los mapas de Azure disponibles públicamente aquí.

    igniteui-angular-charts (Charts)

    Nuevos eventos de etiqueta de eje

    Se han añadido los siguientes eventos paraDataChart permitir detectar diferentes operaciones en las etiquetas del eje:

    • LabelMouseDown
    • LabelMouseUp
    • LabelMouseEnter
    • LabelMouseLeave
    • LabelMouseMove
    • LabelMouseClick

    Eje compañero

    AñadíCompanionAxis propiedades a los ejes X e Y que permiten crear rápidamente un clon de un eje existente. Cuando se activa usando laCompanionAxisEnabled propiedad, el eje clonado se coloca por defecto en la posición opuesta de la carta y entonces puedes configurar las propiedades de ese eje.

    Contornos insertados de RadialPieSeries

    There is a new property called useInsetOutlines to control how outlines on the IgxRadialPieSeriesComponent are rendered. Setting this value to true will inset the outlines within the slice shape, whereas a false (default) value will place the outlines half-in half-out along the edge of the slice shape.

    Cambios importantes

    Enhancements

    IgxBulletGraph

    • Nuevas propiedades añadidasLabelsVisible​

    Gráficos

    • Se han añadido nuevas propiedades a DataToolTipLayer, ItemToolTipLayer y CategoryToolTipLayer para ayudar en el estilo:ToolTipBackground yToolTipBorderBrush​ToolTipBorderThickness

    • Se han añadido nuevas propiedades al DataLegend para ayudar en el estilo:ContentBackground,ContentBorderBrush, yContentBorderThickness. ElContentBorderBrush yContentBorderThickness por defecto es transparente y 0 respectivamente, así que para ver estos bordes, tendrás que establecer estas propiedades.

    • Se añadió una nueva propiedad aIgxChartMouseEventArgs llamadoworldPosition que proporciona la posición relativa en el mundo del ratón. Esta posición será un valor entre 0 y 1 tanto para el eje X como para el Y dentro del espacio de ejes.

    • AñadidohighlightingFadeOpacity aIgxSeriesViewerComponent yIgxDomainChartComponent. Esto te permite configurar la opacidad aplicada a las series resaltadas.

    • Evento de exposiciónCalloutLabelUpdating para los mapas de dominio.

    Medidor lineal Igx

    • Nuevas propiedades añadidasLabelsVisible​

    Bug Fixes

    Número de error Control Descripción
    31624 IgxCategoryChartComponent Redimensionar la ventana contenedora de laIgxCategoryChartComponent hace que el gráfico no renderice la serie
    27304 DataChart El rectángulo de zoom no está colocado de la misma manera que el rectángulo de fondo
    37930 DataChart El color del texto de superposición de anotación de datos no funciona
    30600 DoughnutChart No hay propiedad textStyle para el gráfico o la serie (el gráfico circular tiene esto)
    38231 Grid La columna no anclada no vuelve a la posición original si existen columnas ocultas
    33861 Biblioteca de Excel Agregar un gráfico de líneas corrompe el archivo de Excel para la cultura alemana

    20.0.1 (August 2025)

    Bug Fixes

    Número de error Control Descripción
    36448 RadialGauge Las propiedades de formato de etiqueta radial no funcionan. (por ejemplo. Título, Subtítulos)

    igniteui-angular-charts (Charts)

    • Añadido MaximumExtent yMaximumExtentPercentage propiedades para su uso con etiquetas de eje.

    20.0.0 (June 2025)

    • Angular 20 de apoyo.

    19.1.0 (April 2025)

    igniteui-angular-maps (Geographic Map)

    [!Note] As of June 30, 2025 all Microsoft Bing Maps for Enterprise Basic (Free) accounts will be retired. If you're still using an unpaid Basic Account and key, now is the time to act to avoid service disruptions. Bing Maps for Enterprise license holders can continue to use Bing Maps in their applications until June 30,2028. For more details please visit:

    Microsoft Bing Blogs

    igniteui-angular-charts (Charts)

    • Añadido Capas de anotaciones de datos de gráficos:

      • Capa de banda de anotación de datos
      • Capa de línea de anotación de datos
      • Capa de rectificación de anotación de datos
      • Capa de segmento de anotación de datos
      • Capa de tira de anotación de datos

    • La exposición de la Descripción Descriptiva de Datos y la Leyenda de Datos​ ​ LayoutMode propiedad que puedes usar para disponer el contenido de la descripción emergente o leyenda en una estructura de tabla o disposición vertical.

    • LadefaultInteraction propiedad de los gráficos se ha actualizado para incluir una nueva enumeración,DragSelect en la que la vista previa arrastrada Rect seleccionará los puntos contenidos.

    • El ValueOverlay y el ValueLayer, además del Datos de la carta Las anotaciones listadas anteriormente ahora exponen unaOverlayText propiedad que puede usarse para superponer texto adicional de anotación en el área de la gráfica. La apariencia de estas anotaciones puede configurarse utilizando las muchas propiedades con prefijo OverlayText. Por ejemplo, laOverlayTextBrush propiedad configurará el color del texto superpuesto.

    • Tipo de serie de capas de línea de tendencia que le permite aplicar una sola línea de tendencia por capa de línea de tendencia a una serie en particular. Esto permite el uso de múltiples líneas de tendencia en una sola serie, ya que puede tener varios tipos de series TrendlineLayer en el gráfico.

    igniteui-angular-dashboards (Dashboards)

    • AhoraIgxDashboardTileComponent soporta la propagación de las agregaciones desde su vista DataGrid hacia la visualización del gráfico, como ordenación, agrupación, filtrado y selección. Esto se apoya actualmente vinculando elDataSource de aIgxDashboardTileComponent una instancia deLocalDataSource.

    igniteui-angular

    Cambios importantes

    • El paquete 'igniteui-angular-grids' ha sido renombrado a 'igniteui-angular-data-grids'.

    Enhancements

    Barra de herramientas

    • Las capas de valor añadidas desde la barra de herramientas ahora aparecen en la leyenda.
    • La herramienta de restablecimiento de zoom se ha movido al menú desplegable de zoom.

    Datos Gráfico circular

    • El gráfico ahora muestra unGetOthersContext() método. Esto devolverá el contenido de la porción de "otros".

    Bug Fixes

    Número de error Control Descripción
    37023 DataChart La información sobre herramientas se corta o desactiva si se establece Oculto por desbordamiento.
    37685 IgxSpreadsheetComponent Mala representación de los números formateados con fuente Arial.
    37244 Biblioteca de Excel La validación de datos personalizados no funciona.

    19.0.1 (February 2025)

    Enhancements

    Barra de herramientas

    Bug Fixes

    En la tabla siguiente se enumeran las correcciones de errores realizadas para el conjunto de herramientas Ignite UI for Angular de esta versión:

    Número de error Control Descripción
    30286 DataChart El contenido de la descripción emergente de la serie de burbujas se cambia al de los datos de burbujas cercanas al hacer clic en una burbuja
    32906 DataChart DataChartmuestra dos ejes x en la parte superior
    33605 DataChart ScatterLineSeries no muestra correctamente el color de la línea en la leyenda
    35498 DataChart No se muestra la información sobre herramientas de la serie especificada en IncludedSeries
    34776 DataChart Mostrar y ocultar repetidamente laDataChart causa fugas de memoria en JS Heap
    34053 RadialGauge La posición de la etiqueta de escala se desplaza
    35496 IgxSpreadsheetComponent Error al configurar estilos en Excel con imágenes
    36176 Biblioteca de Excel La excepción se produce al cargar un libro de Excel que tiene una función LET
    36379 Biblioteca de Excel Los colores con cualquier canal alfa en un libro de Excel no se cargan
    26218 Biblioteca de Excel El margen derecho del área de la gráfica se vuelve más estrecho y el patrón de relleno y el primer plano de relleno desaparecen con solo cargar un archivo de Excel
    35495 Biblioteca de Excel Las imágenes de las celdas se pierden cuando se carga un archivo de plantilla
    34083 Biblioteca de Excel TextOperatorConditionalFormat no se carga o guarda correctamente si el texto contiene = en un archivo de Excel de plantilla

    19.0.0 (January 2025)

    • Soporte Angular 19.

    18.2.0 (December 2024)

    igniteui-angular-charts (Charts)

    • El componente Icono del panel es un control de contenedor que analiza y visualiza una colección ItemsSource enlazada o un punto único y devuelve una visualización de datos adecuada basada en el esquema y el recuento de los datos. Este control utiliza un componente de barra de herramientas integrado para permitirle realizar cambios en la visualización en tiempo de ejecución, lo que le permite ver muchas visualizaciones diferentes de los datos con un código mínimo.

    igniteui-angular-charts (Inputs)

    • Color Editor se puede utilizar como un selector de color independiente y ahora está integrado en ToolAction del componente Barra de herramientas para actualizar las visualizaciones en tiempo de ejecución.

    18.1.0 (September 2024)

    • Data Pie Chart - The IgxDataPieChartComponent is a new component that renders a pie chart. This component works similarly to the IgxCategoryChartComponent, in that it will automatically detect the properties on your underlying data model while allowing selection, highlighting, animation and legend support via the ItemLegend component.

    • Proportional Category Angle Axis - New axes for the Radial Pie Series in the IgxDataChartComponent, to plot slices similar to a pie chart, a type of data visualization where data points are represented as segments within a circular graph.

    • IgxToolbarComponent

      • 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 IgxCheckboxListModule.

      • 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.

    18.0.0 (June 2024)

    • Soporte Angular 18.

    igniteui-angular-charts (Charts)

    • Agrupación de Leyendas de Datos y Agrupación de Tooltips: Se ha añadido una nueva función de agrupamiento. La propiedadGroupRowVisible alterna el agrupamiento con cada serie que opta puede asignar texto de grupo a través de ladataLegendGroup propiedad. Si se aplica el mismo valor a más de una serie, entonces aparecerán agrupadas. Útil para grandes conjuntos de datos que deben categorizarse y organizarse para todos los usuarios.

    • Selección de listas- Nuevo estilo de selección de series. Esto se adopta ampliamente en todas las categorías, financieras y series radiales paraIgxCategoryChartComponent yIgxDataChartComponent. Las series pueden hacerse clic y mostrar un color diferente, aclaradas o desvanecidas, y enfocar los contornos. Gestiona qué elementos se ven afectados por series individuales o datos completos. Se admiten múltiples series y marcadores. Útil para ilustrar diversas diferencias o similitudes entre los valores de un dato concreto. TambiénSelectedSeriesItemsChanged estánselectedSeriesItems disponibles para ayuda adicional para desarrollar requisitos empresariales robustos relacionados con otras acciones que pueden tener lugar dentro de una aplicación, como una ventana emergente u otra pantalla con análisis de datos según la selección.

    • Resaltado de mapa de árbol: ahora expone unahighlightingMode propiedad que te permite configurar el resaltado con el ratón sobre los elementos del mapa del árbol. Esta propiedad tiene dos opciones:Brighten donde el resaltado se aplicará solo al elemento sobre el que pases el ratón, yFadeOthers donde el resaltado del elemento flotado permanecerá igual, pero todo lo demás se desvanecerá. Este highlight está animado y puede controlarse usando lahighlightingTransitionDuration propiedad.

    • Resaltado basado en porcentaje en Treemap: Nuevo resaltado basado en porcentajes, que permite que los nodos representen el progreso o un 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 tu elemento de datos o suministrando uno nuevohighlightedDataSource. Se puede cambiar yhighlightedValuesDisplayMode estilizar de forma que se puedaFillBrushes cambiar.

    • IgxToolbarComponent- NuevaIsHighlighted opción para ToolAction para delinear un borde alrededor de herramientas específicas de elección.

    igniteui-angular-gauges (Gauges)

    17.3.0 (March 2024)

    igniteui-angular-charts

    • Nuevo filtrado de datos a través de lainitialFilter propiedad. Aplica expresiones de filtro para filtrar los datos del gráfico a un subconjunto de registros. Puede usarse para analizar datos grandes.

    • XamRadialChart

      • Nuevo Modo de Etiquetas ElIgxCategoryAngleAxisComponent para el ahora expone unalabelMode propiedad que permite configurar aún más la ubicación de las etiquetas. Esto te permite alternar entre el modo predeterminado seleccionando elCenter enum, o usar el nuevo modo,ClosestPoint lo que acercará las etiquetas al área circular del gráfico.

    igniteui-angular-gauges

    • IgxRadialGaugeComponent
      • Nuevas propiedadestitleText​subtitleText de título/subtítulos aparecerán cerca de la parte inferior del indicador. Además, se añadieron las distintas propiedades de tipografía de títulos/subtítulos, comoTitleFontSize,TitleFontFamily​TitleFontStyle,,yTitleFontWeight​titleExtent. Finalmente, el nuevotitleDisplaysValue permitirá que el valor corresponda con la posición de la aguja.
      • NuevasopticalScalingEnabled yopticalScalingSize propiedades para laIgxRadialGaugeComponent. Esta nueva función gestionará 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 en este tema
      • Se añadió una nueva aguja para iluminadores.highlightValue yhighlightValueDisplayMode cuando ambos reciben un valor y una configuración de 'Superposición', esto hará que la aguja principal parezca desvaída y aparecerá una nueva aguja.
    • IgxLinearGaugeComponent
      • Se añadió una nueva aguja para iluminadores.highlightValue yhighlightValueDisplayMode cuando ambos reciben un valor y una configuración de 'Superposición', esto hará que la aguja principal parezca desvaída y aparecerá una nueva aguja.
    • IgxBulletGraphComponent
      • La barra de rendimiento ahora reflejará una diferencia entre el valor y el nuevohighlightValue cuando sehighlightValueDisplayMode aplique a la configuración de 'Superposición'. El valor de resaltado mostrará un porcentaje medido completado filtrado/subconjunto como color rellenado, mientras que la apariencia de la barra restante aparecerá desvanecida hasta el valor asignado, ilustrando el rendimiento en tiempo real.

    17.2.0 (January 2024)

    igniteui-angular-charts (Charts)

    • Filtro de resaltado gráfico- ElIgxCategoryChartComponent yIgxDataChartComponent ahora expone una forma de resaltar y animar dentro y fuera de un subconjunto de datos. La exhibición de este destacado depende del tipo de serie. Para series de columna y área, el subconjunto se mostrará encima del conjunto total de datos, donde el subconjunto será coloreado por el pincel real de la serie, y el conjunto total tendrá una opacidad reducida. Para series de líneas, el subconjunto se mostrará como una línea punteada.

    17.0.0 (November 2023)

    igniteui-angular - Toolbar -

    • 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 añadido mediante la propiedad deorientation la barra de herramientas. Por defecto, la barra de herramientas está horizontal, ahora la barra puede mostrarse en orientación vertical donde las herramientas aparecerán a la izquierda/derecha respectivamente.
    • Se añadió soporte para iconos SVG personalizados mediante el método derenderImageFromText la barra de herramientas, mejorando aún más la creación de herramientas personalizadas.

    16.1.0 (June 2023)

    New Components

    • Barra de herramientas: Este componente es un contenedor complementario para las operaciones de la interfaz que se usará principalmente con nuestros componentes de gráficos. La barra de herramientas se actualizará dinámicamente con un preajuste de propiedades y elementos de la herramienta cuando esté vinculada a nuestrosIgxDataChartComponent componentes.IgxCategoryChartComponent Podrás crear herramientas personalizadas para tu proyecto que permitan a los usuarios finales realizar cambios, ofreciendo una cantidad infinita de personalización.

    igniteui-angular-charts (Charts)

    16.0.0 (May 2023)

    • Soporte Angular 16.

    15.0.0 (December 2022)

    • Soporte Angular 15.

    14.2.0 (November 2022)

    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.
    • Propiedad añadidashouldPanOnMaximumZoom.
    • 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] The Chart's Aggregation will not work when using includedProperties | excludedProperties because these properties 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.

    13.2.0 (June 2022)

    igniteui-angular-charts (Charts)

    • Se añadió el componente altamente configurable DataLegend, que funciona de forma muy similarIgxLegendComponent, pero muestra los valores de la serie y proporciona muchas propiedades de configuración para filtrar filas y columnas de valores de la serie, valores de estilo y formato.
    • 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 añadió soporte para animación y transición para Stacked Series. Las animaciones pueden activarse configurando laisTransitionInEnabled propiedad como true. A partir de ahí, puedes establecer latransitionInDuration propiedad para determinar cuánto tiempo debe tardar tu animación en completarse y luegotransitionInMode para determinar el tipo de animación que se realiza.
    • Evento añadidoAssigningCategoryStyle, ahora está disponible para todas las series enIgxDataChartComponent. Este evento se gestiona cuando se quieren configurar condicionalmente aspectos de los elementos de la serie, comoFill el color de fondo y los resaltados.
    • NuevaallowedPositions enumeración para CalloutLayer. Se usa para limitar dónde se colocan las llamadas dentro del gráfico. Por defecto, las llamadas están colocadas inteligentemente en el mejor lugar, pero esto se usa para forzar, por ejemploTopLeft,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.
    • NuevoshorizontalViewScrollbarMode yverticalViewScrollbarMode enumeradores para habilitar barras de desplazamiento de diversas maneras. Cuando se combina conisVerticalZoomEnabled oisHorizontalZoomEnabled, podrás persistir o hacer un fundido de entrada y salida de las barras de desplazamiento a lo largo de los ejes para navegar por la tabla.
    • NuevoFavorLabellingScaleEnd, determina si el eje debe favorecer la emisión de una etiqueta en el extremo de la escala. Solo compatible con ejes numéricos (por ejemploIgxNumericXAxisComponent, ).IgxNumericYAxisComponent​PercentChangeAxis​
    • NewisSplineShapePartOfRange determina si incluir la forma de spline en el rango de ejes solicitado del eje.
    • NuevoxAxisMaximumGap, determina el valor máximo permitido para la serie trazada al utilizarsexAxisGap. El espacio determina la cantidad de espacio entre columnas o barras de series trazadas.
    • NuevoxAxisMinimumGapSize, determina el valor mínimo permitido basado en píxeles para la serie graficada al usarxAxisGap, para asegurar que siempre haya cierto espacio entre cada categoría.

    13.1.0 (November 2021)

    [!Note] Please ensure package "lit-html": "^2.0.0" or newer is added to your project for optimal compatibility.

    igniteui-angular-charts (Charts)

    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.

    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

    11.2.0 (April 2021)

    igniteui-angular-charts (Charts)

    Esta versión introduce varias opciones nuevas y mejoradas de diseño visual y configuración para todos los componentes del gráfico, por ejemploIgxDataChartComponent,IgxCategoryChartComponent yIgxFinancialChartComponent.

    • 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
    • Cambios en las seriesNegativeBrush financieras/cascadas yNegativeOutline sus propiedades de #C62828 a #ee5879
    • Se cambió el grosor del marcador a 2px desde 1px.
    • Cambié el relleno del marcador para que coincidiera con el contorno del marcador paraIgxPointSeriesComponent,IgxBubbleSeriesComponent,IgxScatterSeriesComponent,IgxPolarScatterSeriesComponent. Puedes usar establecermarkerFillMode la propiedad en Normal para deshacer este cambio
    • Etiquetado comprimido para losIgxTimeXAxisComponent yIgxOrdinalTimeXAxisComponent
    • Nuevas propiedades del marcador:
      • serie.markerFillMode- Puede configurarse paraMatchMarkerOutline que el marcador dependa del contorno
      • serie.markerFillOpacity- Puede fijarse en un valor de 0 a 1
      • serie.markerOutlineMode- Puede configurarse paraMatchMarkerBrush que el contorno del rotulador dependa del color del pincel de relleno
    • Propiedad de nueva serie:
      • serie.outlineMode- Puede configurarse para alternar la visibilidad del contorno de la serie. Ten en cuenta que, para Gráfico de datos, la propiedad está en la serie
    • Nuevas propiedades del gráfico que definen el área de sangrado introducidas en el viewport cuando el gráfico está al nivel de zoom por defecto. Un caso de uso común es proporcionar espacio entre los ejes y el primer/último punto de datos. Ten en cuenta que,computedPlotAreaMarginMode listados a continuación, establecerán automáticamente el margen cuando se activen los marcadores. Los otros están diseñados para especificar aDouble para representar el grosor, donde PlotAreaMarginLeft, etc., ajusta el espacio a los cuatro lados del gráfico:
    • Nuevas propiedades de resaltado
      • Gráfico.highlightingMode- Conjuntos, ya sean flotantes o no estacionados, para desvanecerse y iluminarse
      • Gráfico.highlightingBehavior- Establece si la serie resalta en función de la posición del ratón, por ejemplo, directamente sobre o el elemento más cercano
      • Tenga en cuenta que en versiones anteriores el resaltado se limitaba a desvanecerse al pasar el mouse.
    • 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:
    chartDefaults1 chartDefaults2
    chartDefaults3 chartDefaults4

    Leyenda del gráfico

    • Se añadió una propiedad horizontalorientation a ItemLegend que puede usarse con Bubble, Donut y Gráfico circular
    • Propiedad añadidalegendHighlightingMode- Permite el resaltado de series al pasar el cursor sobre los objetos de leyenda

    igniteui-angular-maps (GeoMap)

    [!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.

    8.2.12

    • Declaraciones de importación modificadas

    Las declaraciones de importación se han simplificado para usar solo nombres de paquetes en lugar de rutas completas a clases y enumeraciones de API.

    [!Note] These breaking changes were introduce in these packages and components only:

    Paquetes afectados Componentes afectados
    igniteui-angular-excel Biblioteca de Excel
    igniteui-hoja de cálculo angular Hoja de cálculo
    igniteui-mapas-angulares Mapa geográfico, mapa de árbol
    igniteui-medidores-angulares Gráfico de viñetas, Medidor lineal, Medidor radial
    igniteui-gráficos-angulares Gráfico de categorías, Gráfico de datos, Gráfico de anillos, Gráfico financiero, Gráfico circular, Control deslizante de zoom
    igniteui-núcleo-angular todas las clases y enumeraciones
    • Código después de los cambios

    Ahora, necesita usar solo nombres de paquetes en lugar de rutas completas a clases y enumeraciones de API.

    Tenga en cuenta también que el nombre del componente Data Grid y sus módulos correspondientes también han cambiado.

    // gauges:
import { IgxLinearGauge } from "igniteui-angular-gauges";
import { IgxLinearGaugeModule } from "igniteui-angular-gauges";
import { IgxLinearGraphRange } from "igniteui-angular-gauges";
import { IgxRadialGauge } from 'igniteui-angular-gauges}';
import { IgxRadialGaugeModule } from 'igniteui-angular-gauges';
import { IgxRadialGaugeRange } from 'igniteui-angular-gauges';
import { SweepDirection } from 'igniteui-angular-core';
// charts:
import { IgxFinancialChartComponent } from "igniteui-angular-charts";
import { IgxFinancialChartModule } from "igniteui-angular-charts";
import { IgxDataChartComponent } from "igniteui-angular-charts";
import { IgxDataChartCoreModule } from "igniteui-angular-charts";
// maps:
import { IgxGeographicMapComponent } from "igniteui-angular-maps";
import { IgxGeographicMapModule } from "igniteui-angular-maps";
    • Código antes de los cambios

    Antes, tenías que importar usando rutas completas a clases y enumeraciones de API:

    // gauges:
import { IgxLinearGaugeComponent } from 'igniteui-angular-gauges/ES5/igx-linear-gauge-component';
import { IgxLinearGaugeModule } from 'igniteui-angular-gauges/ES5/igx-linear-gauge-module';
import { IgxLinearGraphRange } from 'igniteui-angular-gauges/ES5/igx-linear-graph-range';

import { IgxRadialGaugeComponent } from "igniteui-angular-gauges/ES5/igx-radial-gauge-component";
import { IgxRadialGaugeModule } from "igniteui-angular-gauges/ES5/igx-radial-gauge-module";
import { IgxRadialGaugeRange } from "igniteui-angular-gauges/ES5/igx-radial-gauge-range";
import { SweepDirection } from "igniteui-angular-core/ES5/SweepDirection";

// charts:
import { IgxFinancialChartComponent } from "igniteui-angular-charts/ES5/igx-financial-chart-component";
import { IgxFinancialChartModule } from "igniteui-angular-charts/ES5/igx-financial-chart-module";
import { IgxDataChartComponent } from "igniteui-angular-charts/ES5/igx-data-chart-component";
import { IgxDataChartCoreModule } from "igniteui-angular-charts/ES5/igx-data-chart-core-module";

// maps:
import { IgxGeographicMapComponent } from "igniteui-angular-maps/ES5/igx-geographic-map-component";
import { IgxGeographicMapModule } from "igniteui-angular-maps/ES5/igx-geographic-map-module";