Información sobre herramientas de gráficos de Blazor

    En los gráficos de Blazor, la información sobre herramientas proporciona detalles sobre los datos enlazados y se representan en ventanas emergentes cuando el usuario final pasa el cursor sobre los puntos de datos. La información sobre herramientas es compatible con los IgbCategoryChart controles , IgbFinancialChart, y IgbDataChart.

    Blazor Tipos de información sobre herramientas de gráficos

    Blazor gráfico proporciona tres tipos de información sobre herramientas que puede tener habilitada la información sobre herramientas estableciendo la ToolTipType propiedad. En el ejemplo siguiente se muestra el Gráfico de columnas con un cuadro combinado que puede utilizar para cambiar el tipo de información sobre herramientas.

    EXAMPLE
    DATA
    MODULES
    RAZOR
    CSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Blazor completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    La propiedad ToolTipType es configurable y se puede establecer en una de las siguientes opciones:

    El valor de la propiedad Descripción
    DefaultInformación sobre herramientas Muestra información sobre herramientas para un solo elemento cuando el puntero se coloca sobre él.
    DataInformación sobre herramientas Muestra información sobre herramientas de datos para todas las series del gráfico.
    ItemInformación sobre herramientas Muestre información sobre herramientas para cada elemento de datos en la categoría sobre la que se coloca el puntero.
    CategoryInformación sobre herramientas Muestra información sobre herramientas agrupada para todos los puntos de datos de la categoría sobre la que está colocado el puntero.

    Blazor Plantilla de información sobre herramientas de gráfico

    Si ninguno de los tipos integrados de información sobre herramientas se ajusta a sus requisitos, puede crear su propia información sobre herramientas para mostrar y aplicar estilo al título de la serie, los valores de datos y los valores de los ejes. En las secciones siguientes se muestra cómo hacerlo en diferentes tipos de gráficos de Blazor.

    Información sobre herramientas personalizadas en Gráfico de categorías

    En este ejemplo se muestra cómo crear información sobre herramientas personalizada para todas las series del control Blazor IgbCategoryChart. Tenga en cuenta que también puede aplicar la misma lógica a la información sobre herramientas personalizada en Blazor IgbFinancialChart control.

    EXAMPLE
    MODULES
    DATA
    RAZOR
    JS
    CSS

    Información sobre herramientas personalizadas en Gráfico de datos

    En este ejemplo se muestra cómo crear información sobre herramientas personalizada para cada serie Blazor Gráfico de datos control.

    EXAMPLE
    MODULES
    DATA
    RAZOR
    JS
    CSS

    Recursos adicionales

    Puede encontrar más información sobre las funciones de gráficos relacionadas en estos temas:

    Referencias de API

    Los componentes IgbCategoryChart e IgbFinancialChart comparten las siguientes propiedades de API:

    En el componente IgbDataChart, puede utilizar los siguientes componentes y propiedades de API: