[{"id":"67b2b95f-f683-4673-9e3f-044c49b2a7f3","tags":[{"name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b"}]},{"id":"acab1450-345b-4d79-a421-187baa24391b","tags":[{"name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b"}]},{"id":"75c9ea99-cd27-4e93-ba23-1a432ed2b12f","tags":[{"name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b"}]},{"id":"43797034-f596-4394-b1d0-33bc526cfba3","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"0e8c9020-034a-45be-991e-37188b39617b","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"ab34db23-548a-41c6-b58b-517b1187b49c","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"1c11391d-eee8-4d4d-bb79-568bbb017981","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"6f75d947-a185-4b2e-b2ac-59ce51a75059","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"7846cdd1-836b-4043-9f80-8fd82a66c747","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"615b3ec7-a7af-4163-9d5d-92d540416ce8","tags":[{"name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b"}]},{"id":"bb600617-59cf-49b3-a718-9c4372065955","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"4f511fcc-370e-4f45-8ff9-9df6b7d41faf","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"34a7a849-27bc-4bbf-8790-b6fcef7c9247","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"c37d9457-4cf0-43c1-a77f-ccf2baa9920a","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"a7dd7d88-788d-4640-80a8-d5308b2629eb","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]},{"id":"95caf1c9-ae91-4f54-b77c-fe135dea7e4a","tags":[{"name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2","links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be"}]}]

지역화

ActiveReportsJS 지역화 모듈

ActiveReportsJS에서는 보고서 디자이너 UI 텍스트에 대한 일본어(ja) 및 중국어(zh) 번역을 포함한 지역화 모듈을 제공합니다. 이 모듈은 다운로드 패키지의 dist\locales 폴더에서 사용할 수 있습니다. 또한 지역화 모듈은 @grapecity/activereports-localization 패키지 내에서 배포됩니다.

ActiveReportsJS 지역화 모듈 가져오기

순수 JavaScript 응용 프로그램에서 지역화 모듈 스크립트는 script 태그로 참조할 수 있습니다. 예를 들어 다음과 같습니다.

<script type="text/javascript" src="scripts/locales/designer/ja-locale.js"></script>
<script type="text/javascript" src="scripts/locales/designer/zh-locale.js"></script>

Angular, React 또는 Vue 응용 프로그램은 @grapecity/activereports-localization 패키지에서 지역화 스크립트를 가져올 수 있습니다. 예를 들어 다음과 같습니다.

import "@grapecity/activereports-localization/dist/designer/ja-locale";
import "@grapecity/activereports-localization/dist/designer/zh-locale";

보고서 디자이너 UI 언어 설정

Angular, Vue 및 React 보고서 디자이너 컴포넌트에는 UI 언어 설정을 위한 language 속성이 있습니다. 순수한 JS 응용 프로그램에서 디자이너 구성자가 옵션을 두 번째 매개 변수로 수락하면 해당 옵션을 사용하여 UI 언어를 설정할 수 있습니다. 예를 들어 다음과 같습니다.

var designer = new Designer("#designer-host", { language: "ja" });

다양한 응용 프로그램에서 ActiveReportsJS 보고서 디자이너 컴포넌트 통합에 대한 자세한 내용은 통합 페이지를 확인하십시오.

순수 JavaScript, Angular, Vue 및 React 응용 프로그램에 대한 전체 샘플은 라이브 데모를 참조하십시오.