Forum Discussion

AMsDeveloper's avatar
AMsDeveloper
Frequent Visitor
8 years ago
Solved

Include vis.js in custom visual causes error

Hi,

 

I created an empty custom visualization and added vis.js but as soon as I add the line

console.log(vis); 

The visualization does not work. The vis objects causes an error.  

 

 

Created project and added vis.js

- pbiviz new visualizationWithVis

- npm install vis --save

- npm install @types/vis --save

 

tsconfig.json:

"files": [
".api/v1.10.0/PowerBI-visuals.d.ts",
"node_modules/powerbi-visuals-utils-dataviewutils/lib/index.d.ts",
"node_modules/@types/vis/index.d.ts",
"src/settings.ts",
"src/visual.ts"
]
 
pbiviz.json:
"externalJS": [
"node_modules/powerbi-visuals-utils-dataviewutils/lib/index.js",
"node_modules/vis/dist/vis.min.js"
],
 
visual.ts
...
constructor(options: VisualConstructorOptions) {
console.log('Visual constructor', options);
console.log('Vis Object');
console.log(vis);              // Without this line the code runs. With this line I get an error. See screenshots
...
 
 
Need Help
  • v-viig's avatar
    v-viig
    8 years ago

    Please follow these steps to make vis.js working:

    • Create a new JS file in src folder
    • Put the folllowing code in the new JS file
    • var vis = window.vis || window.window.vis;
      Include the new file into externalJs property of pbiviz.json right after node_modules/vis/dist/vis.js.

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

7 Replies

  • v-viig's avatar
    v-viig
    Community Champion
    8 years ago

    Looks like vis doesn't exist in the root scope.

    Could you please share vis.min.js or entire project for futher debugging?

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

     

  • Anonymous's avatar
    Anonymous
    Not applicable
    4 years ago

    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