Información sobre herramientas de gráficos de Web Components

    En Web Components gráficos, las descripciones introductorias proporcionan detalles sobre los datos enlazados y se muestran en ventanas emergentes cuando el usuario final se mantiene sobre los puntos de datos. Las descripciones emergentes son compatibles con losIgcCategoryChartComponent controles,IgcFinancialChartComponent yIgcDataChartComponent.

    Web Components Chart Tooltip Types

    Web Components Chart ofrece tres tipos de descripciones que puedes activar configurando latoolTipType propiedad. El siguiente ejemplo muestra el Gráfico de columnas con una caja combo-box que puedes usar para cambiar el tipo de tooltips.

    LatoolTipType propiedad es configurable y puede configurarse con 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.

    Web Components Chart Tooltip Template

    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 Web Components.

    Custom Tooltips in Category Chart

    Este ejemplo muestra cómo crear descripciones emergentes personalizadas para todas las series bajo Web ComponentsIgcCategoryChartComponent control. Ten en cuenta que también puedes aplicar la misma lógica a las descripciones emergentes personalizadas en Web ComponentsIgcFinancialChartComponent control.

    Custom Tooltips in Data Chart

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

    Additional Resources

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

    API References

    LosIgcCategoryChartComponent componentes yIgcFinancialChartComponent comparten las siguientes propiedades de la API:

    En elIgcDataChartComponent componente, puedes usar los siguientes componentes y propiedades de la API: