React 차트 추세선

    Ignite UI for React에서 추세선은 추세를 식별하거나 데이터에서 패턴을 찾는 데 도움이 됩니다. 추세선은 항상 차트에 바인딩된 데이터 포인트 앞에 렌더링되며 IgrCategoryChart, IgrFinancialChartIgrDataChart에서 지원됩니다(스택 시리즈, 모양 시리즈 및 범위 시리즈 제외).

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

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

    React 차트 추세선 예시

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

    EXAMPLE
    DATA
    TSX

    이 샘플이 마음에 드시나요? Ignite UI for React 전체에 액세스하고 몇 분 만에 나만의 앱을 빌드하기 시작하세요. 무료로 다운로드하세요.

    React 차트 추세선 대시 배열 예제

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

    EXAMPLE
    DATA
    TSX
    CSS

    추가 리소스

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

    API 참조

    IgrCategoryChartIgrFinancialChart 구성 요소는 다음 API 속성을 공유합니다.

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