Ignite UI for Angular Registro de alterações
Todas as alterações notáveis para cada versão do Ignite UI for Angular estão documentadas nesta 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.
19.0.1 (February 2025)
Enhancements
Barra de ferramentas
- Adicionada nova
GroupHeaderTextStyle
propriedade aIgxToolbarComponent
eIgxToolPanelComponent
. Se definido, ele se aplicará a todas asIgxToolActionGroupHeaderComponent
ações. - Adicionada nova propriedade em
IgxToolActionComponent
chamadotitleHorizontalAlignment
que controla o alinhamento horizontal do texto do título. - Adicionada nova propriedade em
IgxToolActionSubPanelComponent
chamadoItemSpacing
que controla o espaçamento entre os itens dentro do painel.
Bug Fixes
A tabela a seguir lista as correções de bugs feitas para o conjunto de ferramentas Ignite UI for Angular para esta versão:
Número do bug | Controle | Descrição |
---|---|---|
26218 | Biblioteca do Excel | A margem direita da área de plotagem do gráfico torna-se mais estreita e o padrão de preenchimento e o primeiro plano de preenchimento desaparecem apenas carregando um arquivo do Excel |
30286 | IgxDataChart | O conteúdo da dica de ferramenta da série de bolhas é alternado para os dados de bolhas próximas ao clicar em uma bolha |
32906 | IgxDataChart | IgxDataChart está mostrando dois xAxis na parte superior |
33605 | IgxDataChart | ScatterLineSeries não está mostrando a cor da linha corretamente na legenda |
34053 | IgxRadialGauge | A posição do rótulo da escala é deslocada |
34083 | Biblioteca do Excel | TextOperatorConditionalFormat's não é carregado/salvo corretamente se o texto contiver = em um arquivo de modelo do Excel |
34776 | IgxDataChart | Mostrar e ocultar repetidamente o IgxDataChart causa vazamento de memória no JS Heap |
35495 | Biblioteca do Excel | As imagens nas células são perdidas quando um arquivo de modelo é carregado |
35496 | Planilha IgxSpreadsheet | Erro ao definir estilos no Excel com imagens |
35498 | IgxDataChart | As dicas de ferramentas para a série especificada em IncludedSeries não são exibidas |
36176 | Biblioteca do Excel | Ocorre uma exceção ao carregar uma pasta de trabalho do Excel que tem uma função LET |
36379 | Biblioteca do Excel | As cores com qualquer canal alfa em uma pasta de trabalho do Excel não são carregadas |
19.0.0 (January 2025)
- Angular 19 de apoio.
18.2.0 (December 2024)
igniteui-angular-charts (Charts)
DashboardTile (Beta)
- O novo componente Dashboard Tile é um controle de contêiner que analisa e visualiza uma coleção ItemsSource associada ou um ponto único e retorna uma visualização de dados apropriada com base no esquema e na contagem dos dados. Esse controle utiliza um componente interno da barra de ferramentas para permitir que você faça alterações na visualização em tempo de execução, permitindo que você veja muitas visualizações diferentes de seus dados com o mínimo de código.
igniteui-angular-charts (Inputs)
- Novo ColorEditor (Beta) & Toolbar ToolAction (Beta)
Esse novo Editor de cores pode ser usado como um seletor de cores autônomo e agora está integrado ao componente Barra de ferramentas para atualizar visualizações em tempo de execução.
18.1.0 (September 2024)
Gráfico de pizza de dados- O
IgxDataPieChartComponent
é um novo componente que renderiza um gráfico de pizza. Esse componente funciona de forma semelhante aoIgxCategoryChartComponent
, pois detectará automaticamente as propriedades em seu modelo de dados subjacente, permitindo suporte à seleção, realce, animação e legenda por meio do componente ItemLegend.Novo eixo de ângulo de categoria proporcional- Novos eixos para a série de pizza radial no
IgxDataChartComponent
, para plotar fatias semelhantes a um gráfico de pizza, um tipo de visualização de dados em que os pontos de dados são representados como segmentos dentro de um gráfico circular.-
Nova ToolActionCheckboxList Uma nova CheckboxList ToolAction que exibe uma coleção de itens com caixas de seleção para seleção. Uma grade dentro de ToolAction CheckboxList cresce em altura até 5 itens e, em seguida, uma barra de rolagem é exibida. Requer que IgxCheckboxListModule seja registrado.
Novo suporte de filtragem
Alterações no campo do eixo Novo IconMenu padrão na barra de ferramentas ao direcionar CategoryChart. Os campos de rótulo são mapeados para o eixo X e os campos de valor são mapeados para o eixo Y. O gráfico de destino reage em tempo real às alterações feitas. IconMenu fica oculto quando o gráfico não tem ItemsSource definido.
18.0.0 (June 2024)
- Angular 18 de apoio.
igniteui-angular-charts (Charts)
- Agrupamento de legenda de dados e agrupamento de dicas de ferramentas de dados- Novo recurso de agrupamento adicionado. A propriedade
GroupRowVisible
alterna o agrupamento com cada série que opta por poder atribuir texto de grupo por meio dadataLegendGroup
propriedade. Se o mesmo valor for aplicado a mais de uma série, elas aparecerão agrupadas. Útil para grandes conjuntos de dados que precisam ser categorizados e organizados para todos os usuários.
Seleção de gráfico- Novo estilo de seleção de série. Isso é amplamente adotado em todas as séries de categorias, financeiras e radiais para
IgxCategoryChartComponent
eIgxDataChartComponent
. As séries podem ser clicadas e mostradas em uma cor diferente, iluminadas ou desbotadas e contornos de foco. Gerencie quais itens são afetados por meio de séries individuais ou itens de dados inteiros. Várias séries e marcadores são suportados. Útil para ilustrar várias diferenças ou semelhanças entre valores de um item de dados específico. TambémSelectedSeriesItemsChanged
evento eselectedSeriesItems
estão disponíveis para ajuda adicional para criar requisitos de negócios robustos envolvendo outras ações que podem ocorrer em um aplicativo, como um pop-up ou outra tela com análise de dados com base na seleção.Realce do mapa de árvore- Agora expõe uma
highlightingMode
propriedade que permite configurar o realce do mouse sobre os itens no mapa de árvore. Essa propriedade usa duas opções:Brighten
onde o realce será aplicado apenas ao item sobre o qual você passa o mouse eFadeOthers
onde o realce do item pairado permanecerá o mesmo, mas todo o resto desaparecerá. Esse realce é animado e pode ser controlado usando ahighlightingTransitionDuration
propriedade.Realce baseado em porcentagem do mapa de árvore- Novo realce baseado em porcentagem, permitindo que os nós representem o progresso ou o subconjunto de uma coleção. A aparência é mostrada como um preenchimento de sua cor de fundo até um valor específico por um membro em seu item de dados ou fornecendo um novo
highlightedDataSource
. Pode ser alternado viahighlightedValuesDisplayMode
e estilizado viaFillBrushes
.IgxToolbarComponent
- NovaIsHighlighted
opção para ToolAction para delinear uma borda em torno de ferramentas específicas de sua escolha.
igniteui-angular-gauges (Gauges)
IgxRadialGaugeComponent
- Novo rótulo para a agulha de destaque.
highlightLabelText
ehighlightLabelSnapsToNeedlePivot
muitas outras propriedades relacionadas ao estilo para o HighlightLabel foram adicionadas.
- Novo rótulo para a agulha de destaque.
18.0.0 (June 2024)
- Angular 18 de apoio.
igniteui-angular-charts (Charts)
- Agrupamento de legenda de dados e agrupamento de dicas de ferramentas de dados- Novo recurso de agrupamento adicionado. A propriedade
GroupRowVisible
alterna o agrupamento com cada série que opta por poder atribuir texto de grupo por meio dadataLegendGroup
propriedade. Se o mesmo valor for aplicado a mais de uma série, elas aparecerão agrupadas. Útil para grandes conjuntos de dados que precisam ser categorizados e organizados para todos os usuários.
Seleção de gráfico- Novo estilo de seleção de série. Isso é amplamente adotado em todas as séries de categorias, financeiras e radiais para
IgxCategoryChartComponent
eIgxDataChartComponent
. As séries podem ser clicadas e mostradas em uma cor diferente, iluminadas ou desbotadas e contornos de foco. Gerencie quais itens são afetados por meio de séries individuais ou itens de dados inteiros. Várias séries e marcadores são suportados. Útil para ilustrar várias diferenças ou semelhanças entre valores de um item de dados específico. TambémSelectedSeriesItemsChanged
evento eselectedSeriesItems
estão disponíveis para ajuda adicional para criar requisitos de negócios robustos envolvendo outras ações que podem ocorrer em um aplicativo, como um pop-up ou outra tela com análise de dados com base na seleção.Realce do mapa de árvore- Agora expõe uma
highlightingMode
propriedade que permite configurar o realce do mouse sobre os itens no mapa de árvore. Essa propriedade usa duas opções:Brighten
onde o realce será aplicado apenas ao item sobre o qual você passa o mouse eFadeOthers
onde o realce do item pairado permanecerá o mesmo, mas todo o resto desaparecerá. Esse realce é animado e pode ser controlado usando ahighlightingTransitionDuration
propriedade.Realce baseado em porcentagem do mapa de árvore- Novo realce baseado em porcentagem, permitindo que os nós representem o progresso ou o subconjunto de uma coleção. A aparência é mostrada como um preenchimento de sua cor de fundo até um valor específico por um membro em seu item de dados ou fornecendo um novo
highlightedDataSource
. Pode ser alternado viahighlightedValuesDisplayMode
e estilizado viaFillBrushes
.IgxToolbarComponent
- NovaIsHighlighted
opção para ToolAction para delinear uma borda em torno de ferramentas específicas de sua escolha.
igniteui-angular-gauges (Gauges)
IgxRadialGaugeComponent
- Novo rótulo para a agulha de destaque.
highlightLabelText
ehighlightLabelSnapsToNeedlePivot
muitas outras propriedades relacionadas ao estilo para o HighlightLabel foram adicionadas.
- Novo rótulo para a agulha de destaque.
17.3.0 (March 2024)
igniteui-angular-charts
Nova filtragem de dados por meio da
initialFilter
propriedade. Aplique expressões de filtro para filtrar os dados do gráfico em um subconjunto de registros. Pode ser usado para detalhar dados grandes.XamRadialChart
- Novo modo de rótulo O
IgxCategoryAngleAxisComponent
para o agora expõe umalabelMode
propriedade que permite configurar ainda mais o local dos rótulos. Isso permite que você alterne entre o modo padrão selecionando aCenter
enumeração ou use o novo modo,ClosestPoint
que aproximará os rótulos da área de plotagem circular.
- Novo modo de rótulo O
igniteui-angular-gauges
IgxRadialGaugeComponent
- Novas propriedades de título/legenda.
titleText
,subtitleText
aparecerá perto da parte inferior do medidor. Além disso, as várias propriedades de fonte de título/subtítulo foram adicionadas, comoTitleFontSize
,TitleFontFamily
,TitleFontStyle
,TitleFontWeight
etitleExtent
. Por fim, o novotitleDisplaysValue
permitirá que o valor corresponda à posição da agulha. - Novo
opticalScalingEnabled
eopticalScalingSize
propriedades para oIgxRadialGaugeComponent
. Esse novo recurso gerenciará o tamanho no qual os rótulos, títulos e subtítulos do medidor têm 100% de escala óptica. Você pode ler mais sobre esse novo recurso aqui - Nova agulha de destaque foi adicionada.
highlightValue
ehighlightValueDisplayMode
quando ambos recebem um valor e uma configuração de 'Sobreposição', isso fará com que a agulha principal apareça desbotada e uma nova agulha aparecerá.
- Novas propriedades de título/legenda.
IgxLinearGaugeComponent
- Nova agulha de destaque foi adicionada.
highlightValue
ehighlightValueDisplayMode
quando ambos recebem um valor e uma configuração de 'Sobreposição', isso fará com que a agulha principal apareça desbotada e uma nova agulha aparecerá.
- Nova agulha de destaque foi adicionada.
IgxBulletGraphComponent
- A barra de desempenho agora refletirá uma diferença entre o valor e o novo
highlightValue
quando ohighlightValueDisplayMode
for aplicado à configuração 'Sobreposição'. O valor de destaque mostrará uma porcentagem medida concluída filtrada/subconjunto como uma cor preenchida, enquanto a aparência da barra restante aparecerá desbotada para o valor atribuído, ilustrando o desempenho em tempo real.
- A barra de desempenho agora refletirá uma diferença entre o valor e o novo
17.2.0 (January 2024)
igniteui-angular-charts (Charts)
- Filtro de realce de gráfico- O
IgxCategoryChartComponent
eIgxDataChartComponent
agora expõe uma maneira de realçar e animar dentro e fora de um subconjunto de dados. A exibição desse destaque depende do tipo de série. Para séries de colunas e áreas, o subconjunto será mostrado sobre o conjunto total de dados em que o subconjunto será colorido pelo pincel real da série e o conjunto total terá uma opacidade reduzida. Para séries de linhas, o subconjunto será mostrado como uma linha pontilhada.
17.0.0 (November 2023)
igniteui-angular-grids (Toolbar - Beta)
- A ação da ferramenta Salvar foi adicionada para salvar o gráfico em uma imagem por meio da área de transferência.
- A orientação vertical foi adicionada por meio da propriedade da
orientation
barra de ferramentas. Por padrão, a barra de ferramentas é horizontal, agora a barra de ferramentas pode ser mostrada na orientação vertical, onde as ferramentas aparecerão à esquerda / direita respeitosamente. - O suporte a ícones SVG personalizados foi adicionado por meio do método da barra de ferramentas, aprimorando ainda mais a criação de
renderImageFromText
ferramentas personalizadas.
16.1.0 (June 2023)
New Components
- Barra de ferramentas- Beta. Esse componente é um contêiner complementar para operações de interface do usuário a serem usadas principalmente com nossos componentes de gráficos. A barra de ferramentas será atualizada dinamicamente com uma predefinição de propriedades e itens de ferramenta quando vinculada aos nossos
IgxDataChartComponent
componentes ouIgxCategoryChartComponent
componentes. Você poderá criar ferramentas personalizadas para o seu projeto, permitindo que os usuários finais forneçam alterações, oferecendo uma quantidade infinita de personalização.
igniteui-angular-charts (Charts)
ValueLayer- Um novo tipo de série chamado agora está exposto, o
IgxValueLayerComponent
que pode permitir que você renderize uma sobreposição para diferentes pontos focais dos dados plotados, como Máximo, Mínimo e Média. Isso é aplicado aoIgxCategoryChartComponent
eIgxFinancialChartComponent
adicionando à novavalueLines
coleção.Agora é possível aplicar uma matriz de traços às diferentes partes da série do
IgxDataChartComponent
. Você pode aplicar isso à série plotada no gráfico, às linhas de grade do gráfico e às linhas de tendência da série plotadas no gráfico.
16.0.0 (May 2023)
- Angular 16 suporte.
15.0.0 (December 2022)
- Angular 15 suporte.
14.2.0 (November 2022)
Adicionadas melhorias significativas aos comportamentos padrão e refinadas a API de Gráfico de Categorias para facilitar o uso. Essas novas melhorias no gráfico incluem:
- Layouts responsivos para rotação horizontal de rótulos com base no tamanho do navegador/tela.
- Renderização aprimorada para rótulos arredondados em todas as plataformas.
- Adicionadas propriedades de marcador a StackedFragmentSeries.
- Propriedade adicionada
shouldPanOnMaximumZoom
. - Novas propriedades do eixo de categoria:
- ZoomMaximumCategoryRange
- ZoomMaximumItemSpan
- ZoomToCategoryRange
- ZoomToItemSpan
- Nova API de agregação de gráficos para agrupar, classificar e resumir valores numéricos e de cadeia de caracteres de categoria, eliminando a necessidade de pré-agregar ou calcular dados de gráficos:
- Descrições iniciais
- InicialClassificações
- SortDescriptions
- Grupos iniciais
- Descrições iniciais do grupo
- GroupDescriptions
- Resumos iniciais
- InitialSummaryDescriptions
- ResumoDescrições
- InitialGroupSortDescriptions
- Classificações de grupo
- GroupSortDescriptions
[!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)
- Adicionado o componente DataLegend altamente configurável, que funciona de maneira muito parecida com o
IgxLegendComponent
, mas mostra valores de série e fornece muitas propriedades de configuração para filtrar linhas de série e colunas de valores, valores de estilo e formatação. - Adicionado o DataToolTip altamente configurável, que exibe valores e títulos de séries, bem como emblemas de legenda de séries em uma dica de ferramenta. Esta é agora a dica de ferramenta padrão para todos os tipos de gráfico.
- Adicionado suporte a animação e transição para Stacked Series. As animações podem ser habilitadas definindo a
isTransitionInEnabled
propriedade como true. A partir daí, você pode definir atransitionInDuration
propriedade para determinar quanto tempo sua animação deve levar para ser concluída e paratransitionInMode
determinar o tipo de animação que ocorre. - Adicionado
AssigningCategoryStyle
evento, agora está disponível para todas as séries emIgxDataChartComponent
. Esse evento é manipulado quando você deseja configurar condicionalmente aspectos dos itens da série, comoFill
background-color e realce. - Nova
allowedPositions
enumeração para CalloutLayer. Usado para limitar onde os textos explicativos devem ser colocados no gráfico. Por padrão, os textos explicativos são colocados de forma inteligente no melhor lugar, mas isso costumava forçar, por exemploTopLeft
,TopRight
,BottomLeft
ouBottomRight
. - Novas propriedades de raio de canto adicionadas para Camadas de anotação; usado para arredondar os cantos de cada uma das chamadas. Observe que um raio de canto agora foi adicionado por padrão.
calloutCornerRadius
para CalloutLayeraxisAnnotationBackgroundCornerRadius
for FinalValueLayerxAxisAnnotationBackgroundCornerRadius
eyAxisAnnotationBackgroundCornerRadius
para CrosshairLayer
- Nova
horizontalViewScrollbarMode
enumeração paraverticalViewScrollbarMode
habilitar barras de rolagem de várias maneiras. Quando emparelhado comisVerticalZoomEnabled
orisHorizontalZoomEnabled
, você poderá persistir ou aumentar e diminuir gradualmente as barras de rolagem ao longo dos eixos para navegar no gráfico. - Novo
FavorLabellingScaleEnd
, determina se o eixo deve favorecer a emissão de um rótulo no final da escala. Compatível apenas com eixos numéricos (por exemploIgxNumericXAxisComponent
,IgxNumericYAxisComponent
,PercentChangeAxis
). - Novo
isSplineShapePartOfRange
determina se a forma de spline deve ser incluída no intervalo de eixo solicitado do eixo. - Novo
xAxisMaximumGap
, determina o valor máximo permitido para a série plotada ao usarxAxisGap
. A lacuna determina a quantidade de espaço entre colunas ou barras de séries plotadas. - Novo
xAxisMinimumGapSize
, determina o valor mínimo permitido com base em pixels para a série plotada ao usarxAxisGap
para garantir que sempre haja algum espaçamento entre cada categoria.
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 versão apresenta algumas melhorias e simplificações no design visual e nas opções de configuração para o mapa geográfico e todos os componentes do gráfico.
- Alterado
yAxisLabelLocation
o tipo de propriedade para YAxisLabelLocation de AxisLabelLocation emIgxFinancialChartComponent
eIgxCategoryChartComponent
- Alterado
xAxisLabelLocation
o tipo de propriedade para XAxisLabelLocation de AxisLabelLocation emIgxFinancialChartComponent
- Adicionada
xAxisLabelLocation
propriedade aIgxCategoryChartComponent
- Adicionado suporte para representar séries geográficas de
IgxGeographicMapComponent
em uma legenda - Adicionadas linhas de mira por padrão em
IgxFinancialChartComponent
eIgxCategoryChartComponent
- Adicionadas anotações de mira por padrão em
IgxFinancialChartComponent
eIgxCategoryChartComponent
- Anotação de valor final adicionada por padrão em
IgxFinancialChartComponent
- Adicionadas novas propriedades no Gráfico de Categorias e no Gráfico Financeiro:
crosshairsLineThickness
e outras propriedades para personalizar linhas de miracrosshairsAnnotationXAxisBackground
e outras propriedades para personalizar anotações de mirafinalValueAnnotationsBackground
e outras propriedades para personalizar anotações de valor finalareaFillOpacity
que permitem alterar a opacidade do preenchimento da série (por exemplo, gráfico de área)markerThickness
que permite alterar a espessura dos marcadores
- Adicionadas novas propriedades no Gráfico de Categorias, Gráfico Financeiro, Gráfico de Dados e Mapa Geográfico:
markerAutomaticBehavior
que permite que o tipo de marcador seja atribuído a várias séries no mesmo gráficolegendItemBadgeShape
para definir a forma do emblema de todas as séries representadas em uma legendalegendItemBadgeMode
Para definir a complexidade do emblema em todas as séries em uma legenda
- Adicionadas novas propriedades em Série no Gráfico de Dados e no Mapa Geográfico:
legendItemBadgeShape
para definir a forma do emblema em séries específicas representadas em uma legendalegendItemBadgeMode
Para definir a complexidade do emblema em séries específicas em uma legenda
- Alterado o traçado da linha de mira vertical padrão de #000000 para #BBBBBB no gráfico de categorias e na série
- Alterada a forma dos marcadores para círculo para todas as séries plotadas no mesmo gráfico. Isso pode ser revertido definindo a propriedade do
markerAutomaticBehavior
gráfico comoSmartIndexed
valor de enumeração - Formas simplificadas de séries na legenda do gráfico para exibir apenas círculo, linha ou quadrado. Isso pode ser revertido definindo a propriedade do
legendItemBadgeMode
gráfico comoMatchSeries
valor de enumeração - Paleta de cores alterada de séries e marcadores exibidos em todos os gráficos para melhorar a acessibilidade
Pincéis/contornos antigos | Novo contorno/pincéis |
---|---|
#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 versão apresenta várias opções novas e aprimoradas de design visual e configuração para todos os componentes do gráfico, por exemplo, e IgxFinancialChartComponent
. IgxDataChartComponent
IgxCategoryChartComponent
- Alterada a série de barras/colunas/cascatas para ter cantos quadrados em vez de cantos arredondados
- Alteradas as cores da série Scatter High Density para a propriedade heat min de #8a5bb1 para #000000
- Alteradas as cores da série Scatter High Density para a propriedade de calor máximo de #ee5879 para #ee5879
- Alterado Financial/Waterfall series'e
NegativeBrush
NegativeOutline
propriedades de #C62828 para #ee5879 - Alterada a espessura do marcador de 1px para 2px
- Alterado o preenchimento do marcador para corresponder ao contorno do marcador para
IgxPointSeriesComponent
,IgxBubbleSeriesComponent
,IgxScatterSeriesComponent
,IgxPolarScatterSeriesComponent
. Você pode usar a propriedade setmarkerFillMode
como Normal para desfazer essa alteração - Rotulagem compactada para o
IgxTimeXAxisComponent
eIgxOrdinalTimeXAxisComponent
- Novas propriedades do marcador:
- série.
markerFillMode
- Pode ser configurado paraMatchMarkerOutline
que o marcador dependa do contorno - série.
markerFillOpacity
- Pode ser definido como um valor de 0 a 1 - série.
markerOutlineMode
- Pode ser definido paraMatchMarkerBrush
que o contorno do marcador dependa da cor do pincel de preenchimento
- série.
- Propriedade da nova série:
- série.
outlineMode
- Pode ser configurado para alternar a visibilidade do contorno da série. Observe que, para Gráfico de Dados, a propriedade está na série
- série.
- Novas propriedades do gráfico que definem a área de sangria introduzidas na viewport quando o gráfico está no nível de zoom padrão. Um caso de uso comum é fornecer espaço entre os eixos e o primeiro/último ponto de dados. Observe que
computedPlotAreaMarginMode
, listados abaixo, definirão automaticamente a margem quando os marcadores estiverem ativados. Os outros são projetados para especificar aDouble
para representar a espessura, onde PlotAreaMarginLeft etc. ajusta o espaço para todos os quatro lados do gráfico:- gráfico.
plotAreaMarginLeft
- gráfico.
plotAreaMarginTop
- gráfico.
plotAreaMarginRight
- gráfico.
plotAreaMarginBottom
- gráfico.
computedPlotAreaMarginMode
- gráfico.
- Novas propriedades de realce
- gráfico.
highlightingMode
- Define se a série pairada ou não pairada para esmaecer e clarear - gráfico.
highlightingBehavior
- Define se a série é realçada dependendo da posição do mouse, por exemplo, diretamente sobre ou mais próximo do item - Observe que, nas versões anteriores, o realce era limitado ao desvanecimento ao passar o mouse.
- gráfico.
- Adicionadas as séries Destaque Empilhado, Dispersão, Polar, Radial e Forma:
- Adicionadas camadas de anotação às séries Empilhadas, Dispersão, Polares, Radiais e Formas:
- Adição de suporte para substituir a fonte de dados de fragmentos de pilha individuais em uma série empilhada
- Adicionados eventos de estilo personalizado às séries Empilhado, Dispersão, Intervalo, Polar, Radial e Forma
- Adicionado suporte para sincronizar automaticamente o zoom vertical com o conteúdo da série
- Adicionado suporte para expandir automaticamente as margens horizontais do gráfico com base nos rótulos iniciais exibidos
- Paleta de cores redesenhada de séries e marcadores:
Pincéis/contornos antigos | Novo contorno/pincéis |
---|---|
#7446B9 #9FB328 #F96232 #2E9CA6 #DC3F76 #FF9800 #3F51B5 #439C47 #795548 #9A9A9A |
#8bdc5c #8b5bb1 #6db1ff #f8a15f #ee5879 #735656 #f7d262 #8ce7d9 #e051a9 #a8a8b7 |
por exemplo:
![]() |
![]() |
![]() |
![]() |
Legenda do gráfico
- Adicionada propriedade horizontal
orientation
a ItemLegend que pode ser usada com Bubble, Donut e Pie Chart - Propriedade adicionada
legendHighlightingMode
- Habilita o realce da série ao passar o mouse sobre os itens de legenda
igniteui-angular-maps (GeoMap)
[!Note] These features are CTP
- Adicionado suporte para exibição envolvente do mapa (rolar infinitamente horizontalmente)
- Adicionado suporte para deslocar a exibição de algumas séries de mapas ao envolver a origem da coordenada
- Adicionado suporte para realce da série de formas
- Adicionado suporte para algumas camadas de anotação para a série de formas
8.2.12
- Instruções de importação alteradas
As instruções de importação foram simplificadas para usar apenas nomes de pacotes em vez de caminhos completos para classes e enumerações de API.
[!Note] These breaking changes were introduce in these packages and components only:
Pacotes afetados | Componentes afetados |
---|---|
igniteui-angular-excel | Biblioteca do Excel |
folha-angular-igniteui | Planilha |
mapas angulares do igniteui | Mapa geográfico, mapa de árvore |
medidores angulares igniteui | Gráfico de bala, medidor linear, medidor radial |
gráficos angulares do igniteui | Gráfico de Categoria, Gráfico de Dados, Gráfico de Rosca, Gráfico Financeiro], Gráfico de Pizza, Controle Deslizante de Zoom |
núcleo angular do igniteui | Todas as classes e enumerações |
- Código após alterações
Agora, você precisa usar apenas nomes de pacotes em vez de caminhos completos para classes e enumerações de API.
Observe também que o nome do componente Data Grid e seus módulos correspondentes também foram alterados.
// 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 das alterações
Antes, você tinha que importar usando caminhos completos para classes e enumerações da 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";