React Chart Highlighting Example
En el ejemplo siguiente se muestran las diferentes opciones de resaltado que están disponibles en el gráfico React.
React Modo y comportamientos de resaltado de gráficos
Todos los gráficos React 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 losIgrCategoryChart controles,IgrFinancialChart yIgrDataChart tienen la misma API para usar la función de resaltado.
El siguiente ejemplo demuestra elhighlightingMode gráfico React.
El siguiente ejemplo demuestra elhighlightingBehavior gráfico React.
React Resaltado de la leyenda del gráfico
Todas las listas React 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 losIgrCategoryChart controles yIgrFinancialChartIgrDataChart tienen la misma API para usar la función de resaltado.
En el ejemplo siguiente se muestra la serie de leyendas que resalta React gráfico.
Highlight Layers
El Ignite UI for ReactIgrCategoryChart 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.
En el ejemplo siguiente se muestran las diferentes capas de resaltado que están disponibles en el gráfico React.
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: