Web Components 분산 차트

    Ignite UI for Web Components 분산형 차트 개별 데이터 시리즈의 항목 간 관계를 표시하거나 숫자 x 및 y 좌표를 사용하여 데이터 항목을 플로팅하는 차트 그룹에 속합니다. 이러한 차트는 불균일한 간격이나 데이터 클러스터에 주의를 기울입니다. 종종 과학적 데이터를 플로팅하는 데 사용되며 수집된 데이터와 예측된 결과의 편차를 강조할 수 있습니다. 또한 데이터를 연대순으로 구성하는 데 사용할 수 있습니다(데이터가 연대순이 아니더라도).

    Web Components Scatter Marker Chart

    산란 표시 차트 Web Components 각각의 숫자 X/Y 값으로 표시되어 데카르트 좌표계 내 위치를 결정합니다. 아래 예시처럼 데이터를 aIgcDataChartComponent에 묶어 컨트롤에서IgcScatterSeriesComponent이 유형의 차트를 만들 수 있습니다:

    Web Components Scatter Line Chart

    Web Components 산란 선형 차트 직선으로 연결된 마커들의 집합으로 렌더링되며, 각 마커는 데카르트 좌표계 내 위치를 결정하는 숫자 X/Y 값 쌍을 가집니다. 아래 예시처럼 데이터를 aIgcDataChartComponent에 묶어 컨트롤에서IgcScatterLineSeriesComponent이 유형의 차트를 만들 수 있습니다:

    Web Components Scatter Spline Chart

    Web Components 산란 스플라인 차트은 곡선 스플라인으로 연결된 여러 마커의 집합으로 렌더링되며, 각 마커는 데카르트 좌표계 내 위치를 결정하는 수치 X/Y 값 쌍을 가집니다. 아래 예시처럼 데이터를 aIgcDataChartComponent에 묶어 컨트롤에서IgcScatterSplineSeriesComponent이 유형의 차트를 만들 수 있습니다:

    Web Components Scatter High Density Chart

    Web Components 산란 고밀도(HD) 차트를 사용하여 수천에서 수백만 개의 데이터 포인트에 이르는 산란 데이터를 바인딩하고 표시할 수 있으며, 로딩 시간은 매우 짧습니다. 이 차트 유형은 매우 많은 점에 맞게 설계되었기 때문에, 전체 크기 마커 대신 작은 점들로 시각화되며, 가장 많은 데이터가 있는 영역을 더 높은 색상 밀도로 표시하여 데이터 포인트 클러스터를 나타냅니다. 아래 예시처럼 데이터를 aIgcDataChartComponent에 묶어 컨트롤에서IgcHighDensityScatterSeriesComponent이 유형의 차트를 만들 수 있습니다:

    Web Components Scatter Area Chart

    Web Components 산탄 영역 차트은 X와 Y 데이터의 삼각분할을 기반으로 한 색상 표면을 그리며, 각 점마다 수치 데이터 값이 할당됩니다. 이 차트는 사무실에서 히트맵, 자기장 강도 또는 Wi-Fi 강도를 렌더링하는 데 유용합니다. 아래 예시처럼 데이터를 aIgcDataChartComponent에 묶어 컨트롤에서IgcScatterAreaSeriesComponent이 유형의 차트를 만들 수 있습니다:

    Web Components Scatter Contour Chart

    Web Components 산란 등고선도는 X와 Y 데이터를 삼각측량하여 각 점에 숫자 데이터를 부여한 색깔 등고선을 그립니다. 이 차트는 사무실에서 히트맵, 자기장 강도 또는 Wi-Fi 강도를 렌더링하는 데 유용합니다. 아래 예시처럼 데이터를 aIgcDataChartComponent에 묶어 컨트롤에서IgcScatterContourSeriesComponent이 유형의 차트를 만들 수 있습니다:

    Additional Resources

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

    API References

    다음 표에는 위 섹션에서 언급된 API 멤버가 나열되어 있습니다.

    차트 종류 컨트롤 이름 API 회원
    분산형 마커 IgcDataChartComponent IgcScatterSeriesComponent
    분산선 IgcDataChartComponent IgcScatterLineSeriesComponent
    분산형 스플라인 IgcDataChartComponent IgcScatterSplineSeriesComponent
    고밀도 산란 IgcDataChartComponent IgcHighDensityScatterSeriesComponent
    분산 영역 IgcDataChartComponent IgcScatterAreaSeriesComponent
    분산형 윤곽 IgcDataChartComponent IgcScatterContourSeriesComponent