topic Re: Adding a static js script to a custom visualization in Developer

Adding a static js script to a custom visualization

AF — Wed, 21 Dec 2016 10:17:19 GMT

Hi,

I have followed the instructions on this page: https://github.com/Microsoft/PowerBI-visuals/blob/master/Tutorial/ExternalLibraries.md, i.e.:

* Created a folder external in the viz. folder (same level as e.g. src and style).

* Copied my wanted library to this new folder (./external/d3.v4.min.js).

* Added the corresponding line to tsconfig.json, resulting in

{
  "compilerOptions": {
    "allowJs": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "ES5",
    "sourceMap": true,
    "out": "./.tmp/build/visual.js"
  },
  "files": [
    ".api/v1.3.0/PowerBI-visuals.d.ts",
    "src/visual.ts",
    "external/d3.v4.min.js"
  ]
}

However, I still get the compilation error "Cannot find name `d3`".

I don't want to use npm or typings (and as I understand from https://github.com/Microsoft/PowerBI-visuals/blob/master/Tutorial/ExternalLibraries.md that should not be necessary for loading external libraries).

What am I missing? Do I have to load it explicitly in src/visual.ts in some way?

Thanks!

Re: Adding a static js script to a custom visualization

v-chuncz-msft — Thu, 22 Dec 2016 09:35:52 GMT

@AF,

Based on my test, you could add a let statement as shown below.

let d3 = (<any>window).d3;

Re: Adding a static js script to a custom visualization

AF — Thu, 22 Dec 2016 09:51:58 GMT

Thanks, that worked perfectly!

Re: Adding a static js script to a custom visualization

tylersbrown01 — Wed, 27 Dec 2017 23:03:46 GMT

Update (12.27.2017) you now declare external libraries in "externalJS" section of pbiviz.json

Re: Adding a static js script to a custom visualization

v-viig — Fri, 29 Dec 2017 07:48:47 GMT

Yeah, that's correct.

JavaScript code must be included into externalJS property of pbiviz.json.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Adding a chart libary to a custom visualisation

Anonymous — Mon, 03 Jan 2022 13:39:57 GMT

I want to call the nivo react chart library in the powerbi react visual. I also have seen the documentation. there, they said, you can't call the external js file in the powerbi api 3.0. or above. Any of the way to use react chart library with the latest powerbi library. Thanks