외부 라이브러리를 추가하는 방법

  • 아티클

이 문서에서는 Power BI 시각적 개체에서 외부 라이브러리를 사용하는 방법을 설명합니다. 이 문서에서는 Power BI 시각적 개체의 코드에서 외부 라이브러리를 설치, 가져오기 및 호출하는 방법도 설명합니다.

JavaScript 라이브러리

  1. npm 또는 yarn과 같은 패키지 관리자를 사용하여 외부 JavaScript 라이브러리를 설치합니다.
  2. 외부 라이브러리를 사용하여 필요한 모듈을 원본 파일로 가져옵니다.

참고 항목

입력한 내용을 JavaScript 라이브러리에 추가하고 Intellisense 및 컴파일 타임 안전을 얻으려면 적절한 패키지를 설치해야 합니다.

D3 라이브러리 설치

이 섹션에서는 Power BI 시각적 개체의 코드에서 npm을 사용하여 D3 라이브러리 및 @types/d3 패키지를 설치하는 예제를 제공합니다.

전체 예제는 Power BI 시각화 코드를 참조하세요.

  1. d3 패키지와 @types/d3 패키지를 설치합니다.

    npm install d3@5 --save
npm install @types/d3@5 --save

  2. d3 라이브러리를 사용하는 파일(예: visual.ts)로 이 라이브러리를 가져옵니다.

    import * as d3 from "d3";

CSS 프레임워크

  1. npm 또는 yarn과 같은 패키지 관리자를 사용하여 외부 CSS 프레임워크를 설치합니다.
  2. 시각적 개체의 .less 파일에 import 문을 포함합니다.

부트스트랩 설치

이 섹션에서는 npm을 사용하여 부트스트랩을 설치하는 예제를 제공합니다.

전체 예제는 Power BI 시각화 코드를 참조하세요.

  1. 부트스트랩 패키지를 설치합니다.

    npm install bootstrap --save

  2. visual.less에 import 문을 포함합니다.

    @import (less) "node_modules/bootstrap/dist/css/bootstrap.css";

다음 단계

Power BI 시각적 개체 개발을 위한 환경 설정