Κοινή χρήση μέσω

Προσθήκη εξωτερικών βιβλιοθηκών

  • Άρθρο

Αυτό το άρθρο περιγράφει τον τρόπο χρήσης εξωτερικών βιβλιοθηκών σε απεικονίσεις 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

  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