Angular Chart Highlighting Example
El siguiente ejemplo demuestra las diferentes opciones de resaltado que están disponibles en el gráfico Angular.
Angular Modo y comportamientos de resaltado de gráficos
Todos los gráficos Angular admiten una variedad de opciones de resaltados.highlightingMode puede configurarse para iluminar o desvanecer cuando el ratón está suspendido sobre una serie/elemento de datos renderizado en el área del gráfico.highlightingBehavior puede configurarse directamente sobre o en el elemento de datos más cercano para activar el efecto de resaltado. El resaltado de modos y comportamientos está soportado por losIgxCategoryChartComponent controles,IgxFinancialChartComponent yIgxDataChartComponent tienen la misma API para usar la función de resaltado.
El siguiente ejemplo demuestra elhighlightingMode gráfico Angular.
El siguiente ejemplo demuestra elhighlightingBehavior gráfico Angular.
Angular Resaltado de la leyenda del gráfico
Todas las listas Angular apoyan el resaltado de leyendas.legendHighlightingMode puede estar habilitado para que cuando el ratón pase el cursor sobre un elemento de marcador de leyenda, la serie renderizada se resalte en el área de la gráfica. El resaltado de leyendas está soportado por losIgxCategoryChartComponent controles yIgxFinancialChartComponentIgxDataChartComponent tienen la misma API para usar la función de resaltado.
El siguiente ejemplo demuestra la serie de leyendas resaltando el gráfico Angular.
Highlight Layers
El Ignite UI for AngularIgxCategoryChartComponent puede habilitar tres tipos de resaltado al pasar el cursor sobre los elementos de datos.
El Resaltado en Serie resaltará el único punto de datos representado por un marcador o columna cuando el puntero esté posicionado sobre él. Esto se habilita poniendo la
isSeriesHighlightingEnabledpropiedad en true.El Resalto de Elementos resalta elementos de una serie, ya sea dibujando una forma con bandas en su posición o representando un marcador en su posición. Esto se habilita poniendo la
isItemHighlightingEnabledpropiedad en true.El Resaltado por Categoría apunta a todos los ejes de categoría en el gráfico. Dibujan una forma que ilumina el área del eje más cercana a la posición del puntero. Esto se habilita poniendo la
isCategoryHighlightingEnabledpropiedad en true.
El siguiente ejemplo demuestra las diferentes capas de resaltado que están disponibles en el gráfico Angular.
Additional Resources
Puede encontrar más información sobre las funciones de gráficos relacionadas en estos temas:
API References
La siguiente es una lista de miembros de API mencionados en las secciones anteriores:
highlightingModehighlightingBehaviorLegendHighlightingBehaviorisCategoryHighlightingEnabledisItemHighlightingEnabledisSeriesHighlightingEnabledIgxCategoryChartComponentIgxDataChartComponentIgxFinancialChartComponent
GitHub