Angular 차트 추세선

    Ignite UI for Angular에서 추세선은 추세를 식별하거나 데이터의 패턴을 찾는 데 도움이 됩니다. 추세선은 항상 차트에 바인딩된 데이터 포인트 앞에 렌더링되며 IgxCategoryChartComponent, IgxFinancialChartComponent 및 IgxDataChartComponent (누적 계열, 모양 계열 및 범위 계열 제외)에서 지원됩니다.

    추세선은 기본적으로 꺼져 있지만 trendLineType 속성을 설정하여 활성화할 수 있습니다. 또한 브러시, 기간 및 두께와 같은 추세선의 여러 모양 속성을 수정할 수 있습니다.

    추세선에는 활성화된 후 대시 배열을 적용할 수 있는 기능도 있습니다. TrendLineDashArray 속성을 숫자 배열로 설정하면 됩니다. 숫자형 배열은 추세선 대시의 길이를 나타냅니다.

    Angular 차트 추세선 예

    다음 샘플은 IgxFinancialChartComponent 2013년에서 2017년 사이의 Microsoft의 주식 추세를 QuinticFit 추세선이 처음 적용된 상태로 보여 줍니다. 적용되는 추세선의 유형을 변경할 수 있는 드롭다운이 있으며 가능한 모든 추세선 유형이 해당 드롭다운에 나열됩니다.

    Angular 차트 추세선 대시 배열 예

    다음 샘플에서는 IgxDataChartComponent 표시 IgxFinancialPriceSeriesComponent와 함께 쿼틱핏(QuarticFit)를 통해 적용된 점선 추세선 trendLineDashArray 재산:

    Additional Resources

    다음 항목에서 관련 차트 기능에 대한 자세한 내용을 확인할 수 있습니다.

    API References

    ​IgxCategoryChartComponent 및 IgxFinancialChartComponent 구성 요소는 다음 API 속성을 공유합니다.

    ​IgxDataChartComponent 구성 요소에서 대부분의 계열 유형에는 다음과 같은 API 속성이 있습니다.