Angular 차트 작업

    Infragistics Angular Excel 엔진의 WorksheetChart 기능을 사용하면 워크시트의 셀 영역 전체에 걸쳐 데이터 추세에 대한 시각적 차트 표현을 추가할 수 있습니다. 예를 들어 열, 선 또는 70개 이상의 기타 차트 유형으로 시각화된 셀 영역에서 Excel 데이터를 보려면 이 기능을 사용하면 됩니다.

    Angular Working with Charts Example

    Usage

    워크시트에 차트를 추가하려면 워크시트 도형 컬렉션의 AddChart 메서드를 사용해야 합니다. 이 방법에서는 사용하려는 차트 유형, 왼쪽 상단 셀, 오른쪽 하단 셀 및 차트가 차지할 셀의 비율을 지정할 수 있습니다.

    ​AddChart 메서드는 워크시트에 추가할 워크시트 차트 요소를 반환합니다. 이 정보가 있으면 차트의 setSourceData 메소드를 사용하여 데이터 소스로 사용하려는 워크시트 셀 영역의 셀 주소를 설정할 수 있을 뿐만 아니라 열과 매핑을 전환할지 여부도 설정할 수 있습니다. X 및 Y축에 행을 추가합니다.

    ​Line, Area, IgxColumn 및 Pie 포함하여 70개 이상의 차트 유형이 지원됩니다.

    다음 코드는 Excel 차트 기능을 사용하는 방법을 보여줍니다. 아래 코드 조각은 워크시트 첫 번째 행의 첫 번째 셀과 13번째 셀 사이에 세로 막대형 차트를 추가합니다. 그런 다음 A2:M6 영역의 데이터에 대한 소스 데이터가 설정되어 기둥형 차트의 X 및 Y축에 대한 열과 행의 매핑이 전환됩니다.

    var chart = ws.shapes().addChart(ChartType.ColumnClustered,
      ws.rows(0).cells(0), { x: 0, y: 0 },
      ws.rows(0).cells(12), { x: 100, y: 100 });

chart.setSourceData("A2:M6", true);

    API References