วิธีการเพิ่มไลบรารีภายนอก

บทความนี้อธิบายวิธีการใช้ไลบรารีภายนอกในวิชวล Power BI บทความนี้ยังอธิบายวิธีการติดตั้ง นําเข้า และเรียกใช้ไลบรารีภายนอกจากโค้ดของวิชวล Power BI

ไลบรารี JavaScript

1. ติดตั้งไลบรารี JavaScript ภายนอกโดยใช้ตัวจัดการแพคเกจ เช่น npm หรือ yarn
2. นําเข้าโมดูลที่จําเป็นลงในไฟล์ต้นฉบับโดยใช้ไลบรารีภายนอก

หมายเหตุ

เมื่อต้องการเพิ่มการพิมพ์ลงในไลบรารี JavaScript ของคุณและรับ ความปลอดภัย Intellisense และเวลาการคอมไพล์ ตรวจสอบให้แน่ใจว่าคุณติดตั้งแพคเกจที่เหมาะสมแล้ว

การติดตั้งไลบรารี D3

ส่วนนี้แสดงตัวอย่างของการติดตั้ง ไลบรารี D3 และ แพคเกจ @types/d3 โดยใช้ npm ในรหัสของวิชวล Power BI

สําหรับตัวอย่างแบบเต็ม ให้ดู รหัสการแสดง ภาพ 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 framework

1. ติดตั้งเฟรมเวิร์ก CSS ภายนอกโดยใช้ตัวจัดการแพคเกจต่างๆ เช่น npm หรือ yarn
2. ใน ไฟล์ .less ของวิชวล รวมถึง import คําสั่ง

กําลังติดตั้ง bootstrap

ส่วนนี้แสดงตัวอย่างของการติดตั้ง bootstrap โดยใช้ npm

สําหรับตัวอย่างแบบเต็ม ให้ดู รหัสการแสดง ภาพ Power BI

1. ติดตั้งแพคเกจ bootstrap

   npm install bootstrap --save
   

2. รวมคําสั่งimportใน visual.less

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

เนื้อหาที่เกี่ยวข้อง

ตั้งค่าสภาพแวดล้อมของคุณสําหรับการพัฒนาวิชวล Power BI