PowerBI-visuals | Microsoft Power BI visuals project provides high quality | Data Visualization library

I'm trying to use webpack on a Typescript project which imports an emscripten-created webassembly library. This is all running inside a Power BI custom visual, which makes everything even more fun. I think this is extra hairy because of the Power BI context, and the Typescript, and the WebAssembly, but at the moment it seems like it might just be a webpack problem.

I have what I think is a paths issue, but I'm new to webpack and a bit lost. Compiling works, but the visual throws a "ChunkLoadError" for chunk 1. (There are two chunks.) Things that may or may not be relevant:

• I can direct the browser to "https://localhost:8080/assets/1.js" (or ...0.js) just fine.
• I found that (I think) because Power BI puts my code inside an iframe, initially the request url that webpack attempted was "https://app.powerbi.com/13.0.11428.218/assets/0.js". There was a baseUri property on the script tag it generated which caused this. Changing output[publicPath] to "https://localhost:8080/assets/" allowed the browser to download the chunks (I can see them come in successfully in the browser's dev tools), but webpack still complains.
• Tried blowing away node_modules and reinstalling. No dice.

After the above, here's what the error looks like:

I'm trying to follow this tutorial on creating a custom visual for Power BI : https://docs.microsoft.com/en-us/power-bi/developer/custom-visual-develop-tutorial

The test with the default code works properly when I connect to Power BI Cloud, as shown in the part"Testing the custom visual" step 8, of the tutorial.

The problem is when I try to add the class-level properties in the visual.ts file (after I deleted the code as indicated in the part "Developing the visual elements" step 2 of the tutorial ), I get the error "Cannot find name 'IVisualHost'".

Would anyone please direct me to a clear example that explains how to properly construct a capabilities.json file specifically for matrix data view mapping? I'm aware of Microsoft's GitHub info regarding data binding, including its links to details about data roles and data view mapping, but it doesn't really address matrix data view mapping. I have found lots of info on categorical and table data mapping, but barely anything on matrix. Thanks.

Above is the card from the tutorial at https://docs.microsoft.com/en-us/power-bi/developer/custom-visual-develop-tutorial. Here is the related code for the visual.

I would like the number to be shown as a percentage value, i.e. 15.4% which is how it is formatting in the measure.

I have searched github, microsoft, google, etc. for a solution to this issue. I also skimmed all the recommended questions on Stack Overflow before posting. Any help get the number formatting to match the measures formatting would be greatly appreciated.

Here is the related code for the visual. (sorry for the length)

visual.ts

I am using Power BI for my business intelligence reports and I came across this nice chart in a Power BI Report.

Unfortunately, the author did not provide any information on the type of chart used (or how he created it). I have tried searching for the chart in the Custom Visuals gallery of Power BI (Custom Visuals) but could not find any chart which was a close match to it.

Any information or links on how to create it would be highly appreciated.

This appears to be the same issue another person posted earlier today (Could not connect Custom Visual server in powerBI) but I can supply additional information applicable in my own environment.

There is one answer recommending building the simple bar chart example, but I understand that the sample visual.ts that was created by the "new" command should build.

I am running the command from within the project folder where the pbiviz.json file was created with the "new" command.

Here is an image showing a directory listing for the folder as well as the output for the operation. What I see is that the initial error line is looking for a folder path starting directly under the project folder with "node_modules" -- and that is not there at all.

So, am I running into a problem with the version something or do I need to install something additional, or ???

I had been following the steps from the Readme.md documentation at Microsoft/PowerBI-visuals folder on github and have had no errors until this one.

I'm trying to create a custom Force Directed Graph using the source code on Github (PowerBI-visuals-ForceGraph) and following the tutorial available at creating-a-custom-visual. Unfortunately, when I try to start the custom visual using the "pbiviz start" command in PowershellI I get an error stating "Invalid API version v2.3.0".

The "circlecard" example project used in the tutorial, which also uses API version v2.3.0 in it's pbiviz.json file, works just fine. So I'm clueless as to what's causing this error. I'm very new to trying out custom visuals on Power BI so any help with this is greatly appreciated.

Thanks in advance!

I'm trying to progress a Power BI Custom Visual react sample to the stage where it can access the dataViews of the parent visual in the React component. The sample in question is https://github.com/ignatvilesov/powerbi-visuals-react-sample Answers to this question may not require expertise in Power BI custom visuals, knowledge of React may be sufficient.

In the Update method of the visual it create the calls ReactDOM.render like this: ReactDOM.render(React.createElement(App), this.element);

This works and creates a component that allows the react component to display elements in the visual.

When I attempt to pass the data options: VisualUpdateOptions like this: ReactDOM.render(React.createElement(App,{options} ), this.element); , I am finding problems.

I don't understand how to get the options object using props, I've tried a variety of things, here is a sample of my attempts at an App.tsx

So I'm trying to get a few settings to show up in a Power BI custom visual and here is my capabilities.json file: