여러분이 기다려온 새롭고 흥미로운 기능들이 많이 추가된 SpreadJS v14.1을 출시했습니다! 새로운 기능은 다음과 같습니다.

• 피벗 테이블
• 카메라 셰이프
• 차트 기능 향상
• 계산 능력 향상
• 셰이프 기능 향상
• 통합 문서 기능 향상
• 새 TableSheet 베타 버전 도입

피벗 테이블

피벗 테이블은 가장 유용한 Excel 기능 중 하나로, 피벗 테이블을 사용하면 간단하고 직관적인 UI를 통해 많은 양의 데이터를 빠르게 요약하고 분석할 수 있습니다. SpreadJS v14.1 릴리스에는 PivotPanel UI 및 Excel 가져오기/내보내기 기능이 포함되어 있습니다.

보고서 레이아웃, 감사, 마케팅 및 판매를 비롯하여 피벗 테이블에 관한 수많은 비즈니스 응용 분야와 사용 사례가 있습니다.

이 추가 기능은 정렬, 필터링, 그룹화와 같은 다양한 피벗 테이블 기능을 지원합니다. SpreadJS 피벗 테이블을 자세히 살펴보려면 SpreadJS와 함께 피벗 테이블을 사용하는 방법을 참조하십시오.

카메라 셰이프

카메라 셰이프는 지정된 셀 범위의 동적 스냅샷을 만들 수 있는 새로운 기능으로, 멋진 대시보드를 만드는 데 아주 유용합니다. 카메라 셰이프에는 실제 셀 범위의 실시간 변경 사항이 모두 반영됩니다.

일반적인 셰이프처럼 작동하고 Excel 가져오기/내보내기, 그룹화/그룹 해제, 복사/붙여넣기 및 시트 간 지원을 포함합니다. 카메라 셰이프는 다른 시트의 데이터가 포함된 대시보드 또는 보고서를 표시하는 경우처럼 변경 사항이 현재 표시되지 않더라도 스프레드스트의 변경 사항을 관찰하는 데 유용합니다.

차트 기능 향상

또한 차트에 몇 가지 기능 향상과 두 가지 새로운 스파크라인 유형을 추가했습니다!

막대 Y축 값의 줄 바꿈

이 기능은 너무 길어 지정된 영역에 맞지 않는, 막대형 차트의 Y축 값을 자동으로 줄 바꿈합니다.

이미지 스파크라인

이 새로운 기능을 사용하면 이미지 파일에 URL을 할당할 수 있고, 이미지가 셀에 표시됩니다. URL 이외에 특정 이미지 섹션에 배율 또는 클립을 지정할 수도 있습니다.

축 역방향 값

Excel과 동일한 기능을 지원하기 위해 이제 차트 축에는 역방향으로 설정된 값이 있을 수 있습니다. 이를 통해 데이터 형식과 더 잘 일치시켜 특정 데이터 표시 요구 사항을 충족하는 데 도움이 될 수 있습니다.

히스토그램 스파크라인

이 새로운 스파크라인 유형을 통해 여러 빈으로 구분된 숫자 데이터를 시각적으로 해석할 수 있으며, 연속 히스토그램과 이산 히스토그램을 모두 사용하여 구현됩니다.

계기(Gauge) KPI 스파크라인

새로운 이 스파크라인은 간단한 함수를 사용하여 대시보드에 정보용 계기(Gauge)를 추가하는 데 최적입니다.

계산 능력 향상

WebService 함수

WebService 함수는 모든 웹 서비스에서 데이터를 반환하는 향상된 계산 능력입니다. 이 함수는 다음과 같이 씁니다.

=WEBSERVICE(url)

여기서 "URL"은 호출되는 웹 서비스의 URL입니다. 이 함수를 Excel에서 가져오거나 Excel로 내보낼 수 있습니다. 이 함수의 가장 일반적인 사용 사례 중 하나는 스프레드시트 내에서 웹 사이트의 XML 기반 데이터를 계속 업데이트된 상태로 유지하는 것입니다.

LET 함수 업그레이드

Excel의 업데이트된 구현에 맞춰 LET 함수를 개선했습니다. 즉, "." 문자를 함수 이름에 더 이상 사용할 수 없습니다. 또한 Excel과 유사한 동작을 위해 LET 함수에서 지역화가 제거되었습니다.

셰이프 기능 향상

하이퍼링크

셰이프, 그룹 셰이프 및 커넥터 셰이프는 이제 fromJSON 및 toJSON에 대한 지원을 포함하여 하이퍼링크를 지원합니다. 셰이프를 클릭하면 현재 웹 브라우저에서 링크가 열립니다. 셰이프에 "하이퍼링크" 속성을 설정하는 것처럼 간단합니다.

복합 선 유형

사용자가 단일선, 이중선, 얇게/두껍게, 두껍게/얇게, 삼중선 등 셰이프에 복합 선 유형을 설정할 수 있도록 SpreadJS에 이 Excel 기능을 추가했습니다.

그리드에 맞춤

이 Excel 동작을 사용하면 셰이프를 왼쪽, 상단, 오른쪽 등에 맞춰 정렬할 수 있을 뿐만 아니라 스프레드시트에서 그리드에 맞출 수 있습니다. 이제 통합 문서에서 셰이프를 다른 요소와 더 쉽게 정렬할 수 있습니다.

그라데이션 채우기

이 기능은 그라데이션 색으로 셰이프를 채우는 Excel의 기능과 일치합니다. 그라데이션은 선형 또는 방사형 방향으로 설정할 수 있으며 채우기 스타일에서 GradientFillType을 사용하여 설정합니다.

질감 채우기

이 셰이프 기능을 사용하면 셰이프에 질감 또는 그림을 추가하고 이미지 패턴을 표시하기 위해 오프셋과 배율을 변경할 수 있습니다.

텍스트 편집

셰이프를 두 번 클릭하면 셰이프 내에서 텍스트를 편집할 수 있습니다. 간단한 동작으로 색 채우기, 글꼴, 투명도, 텍스트 방향 및 텍스트 정렬 등 텍스트 서식을 지정할 수 있습니다. 또한 자동 줄 바꿈 및 텍스트 줄 바꿈도 지원합니다.

맞춤

SpreadJS의 셰이프는 이제 v14.1 릴리스에서 가로 맞춤과 세로 맞춤을 모두 지원합니다. 따라서 통합 문서에 셰이프를 훨씬 쉽게 배치할 수 있습니다.

균등 분할

셰이프를 균등 분할하면 선택한 셰이프 간 간격이 균일하게 할당되어 해당 셰이프의 간격이 정확하고 적절하게 정렬됩니다. 이 기능은 가로 간격 균등 분할과 세로 간격 균등 분할을 모두 지원합니다.

통합 문서 기능 향상

SpreadJS v14.1에서 추가된 여러 기능 중에서 일부는 고객이 요청한 기능입니다. 다음은 기본 스프레드시트의 향상된 기능입니다.

후행 행 위치

행의 배치를 제어하기 위해 고정 후행 행 구현을 개선했습니다. 이제 데이터와 후행 행 사이에 간격 없이 데이터 바로 뒤에 행을 표시할 수 있습니다.

실행 취소/다시 실행 스택을 위한 공용 API

또한 실행 취소/다시 실행 스택에 대한 API를 공개하여 사용자가 통합 문서에서 실행 취소/다시 실행 작업을 더 많이 제어하여 메모리 소비를 관리할 수 있도록 했습니다.

시트 탭 위치

개발자는 이 새로운 기능을 사용하여 통합 문서에 표시할 탭을 선택할 수 있습니다. 기본적으로 탭은 Spread 인스턴스 하단에 표시되지만 이제 애플리케이션 디자인에 더 잘 어울리도록 상단으로 이동할 수 있습니다.

보이지 않는 셀/행/열로 붙여넣기 제한

기본적으로 SpreadJS에서 보이지 않는 셀, 행 또는 열에 데이터를 붙여넣을 수 있습니다. 이 릴리스에서는 해당 동작을 제한할 수 있는 기능을 추가했습니다.

국가 및 언어 설정(Locale) 기반 날짜 형식 지정

이 기능은 미리 지정된 날짜 형식 대신 브라우저의 국가 및 언어 설정(Locale)을 사용하도록 날짜 형식을 지정합니다.

체크박스 및 라디오 버튼 크기 사용자 정의

사용자가 응용 프로그램에서 선택한 모든 디자인에 맞춰 체크박스 및 라디오 버튼의 크기를 조정할 수 있습니다.

셀 버튼 Hover 스타일

셀 버튼 위에 커서를 놓을 때 셀 버튼의 스타일을 사용자 정의합니다.

선택 이동 실행 취소

이 기능은 실행 취소 기능을 개선하여 작업을 실행 취소할 때 이전에 선택한 셀이 다시 선택됩니다.

보호되는 경우 그룹 축소/확장 비활성화

Excel과 동일한 이 기능은 시트가 보호된 경우 그룹이 축소 또는 확장되지 않도록 방지하는 보호 옵션을 추가합니다.

저장 경고 메시지 비활성화

SpreadJS Designer에서 새 파일을 만들었는데 저장하지 않은 변경 사항이 있는 경우 일반적으로 경고 메시지가 표시되어 이를 알려줍니다. v14.1에서는 이 메시지를 선택적으로 비활성화할 수 있습니다.

TableSheet(베타)

베타 버전의 TableSheet는 스프레드시트 기능과 고급 관계형 데이터 관리자가 있는 빠른 데이터 바인딩 테이블 보기입니다. 열 수식, 스타일, 조건부 서식, 정렬 및 필터링을 지원합니다. 여기 GrapeCity의 Demo Explorer에서 베타 기능의 데모를 확인할 수 있습니다.

v14.1 릴리스에서 SpreadJS에 추가된 새로운 기능과 향상된 기능에 많은 관심을 가져주시길 바랍니다.

더욱 자세한 내용은 데모와 문서를 확인하십시오.

지금 바로 SpreadJS를 다운로드하여 직접 테스트해보세요!

• SpreadJS 공식 홈페이지
• SpreadJS 튜토리얼 및 샘플
• SpreadJS Q&A
• SpreadJS FAQ