Web Components Líneas de tendencia del gráfico

    En Ignite UI for Web Components gráficos, las líneas de tendencia ayudan a identificar una tendencia o a encontrar patrones en los datos. Las líneas de tendencia siempre se representan delante de los puntos de datos enlazados al gráfico y son compatibles con el , IgcFinancialChartComponent, y IgcDataChartComponent (excepto para las series apiladas, las series de formas y las IgcCategoryChartComponent series de rango).

    Las líneas de tendencia están desactivadas de forma predeterminada, pero puede habilitarlas configurando la propiedad trendLineType. Además, puede modificar múltiples propiedades de apariencia de las líneas de tendencia, como su pincel, período y grosor.

    Las líneas de tendencia también tienen la capacidad de que se les aplique una matriz de guiones una vez habilitadas. Esto se hace configurando la propiedad TrendLineDashArray en una matriz de números. La matriz numérica describe la longitud de los guiones de la línea de tendencia.

    Web Components Ejemplo de líneas de tendencia del gráfico

    En el ejemplo siguiente se muestra una muestra de la tendencia bursátil de Microsoft entre 2013 y 2017 con una IgcFinancialChartComponent línea de tendencia QuinticFit aplicada inicialmente. Hay un menú desplegable que le permitirá cambiar el tipo de línea de tendencia que se aplica, y todos los tipos de línea de tendencia posibles se enumeran dentro de ese menú desplegable.

    EXAMPLE
    DATA
    TS
    HTML
    CSS

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

    Ejemplo de matriz de guiones de líneas de tendencia de gráfico de Web Components

    En el ejemplo siguiente se muestra una IgcDataChartComponent muestra de una con una línea de IgcFinancialPriceSeriesComponent tendencia discontinua QuarticFit aplicada a través de la trendLineDashArray propiedad:

    EXAMPLE
    DATA
    TS
    HTML
    CSS

    Recursos adicionales

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

    Referencias de API

    Los componentes IgcCategoryChartComponent e IgcFinancialChartComponent comparten las siguientes propiedades de API:

    En el componente IgcDataChartComponent, la mayoría de los tipos de series tienen las siguientes propiedades API: