Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

Reply
arashaga
Helper I
Helper I

sample barchart application runs but it's blank

I can run the sample barchart from here without errors but whe I test it, it only shows the texts of field that I choose and does not show the barcharts. Also, i tried that debugger and @logexception decorator acording tot he instruction in the other post and can't get the debuger spit out anything. Can someone please help me how to figure this out? Thanks.

1 ACCEPTED SOLUTION
v-viig
Community Champion
Community Champion

There are a few issues in the code:

  • /assets/icon.png does not exist
  • NPM installs d3@4.9.1 but Sample Bar Chart supports d3@3.5.5
  • d3.js is not included into a PBIVIZ package (see externalJS property)

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

View solution in original post

12 REPLIES 12
v-viig
Community Champion
Community Champion

Can you share a screenshot? Have you filled all of required data fields?

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Below is the screenshot. It does get the data but it's just now showing the chart.

 

also this is the link to the source and json files

https://github.com/arashaga/barchart

 

powerBI.PNG

 

 

Thank you very much,

v-viig
Community Champion
Community Champion

It seems this issue is related to missing \style\visual.less.

 

Our recommendation is to fork original repo and work with it.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Thanks. I only included the src and json files in there but I matched my less file with the repo and still can't see the chart. Could it be the mismatch of package versions?

v-viig
Community Champion
Community Champion

I don't think so. Could you please upload the latest code with less file to your GitHub repo?

We'll check it on our end once you upload the latest code.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

I added the less file. below is the link again. Thanks for your help.

 

https://github.com/arashaga/barchart

 

v-viig
Community Champion
Community Champion

There are a few issues in the code:

  • /assets/icon.png does not exist
  • NPM installs d3@4.9.1 but Sample Bar Chart supports d3@3.5.5
  • d3.js is not included into a PBIVIZ package (see externalJS property)

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Thank you. I installed the related packages and it didn't work so I forked the sources from the repo. But I would like to know where in the documnetation states which version of what package we need to use in order to get everything working?

 

 

v-viig
Community Champion
Community Champion

Since this is a JavaScript project all of dependencies are listed in package.json.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

 

Thank you. I totaly understand. Package.json could be specific to the project as well but what I was asking is wether there is a general guideline that says you mustto use d3 3.5.5 or earlier otherwise the visual will not work. Something to that effect for major depencies but again I apreciate your help.

v-viig
Community Champion
Community Champion

There's no recommendation to use specific versions of third party packages.

 

However, some packages have issues in Power BI context but such issues can be workarounded.

If you face any issues please post an issue at Custom Visuals Community.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

v-viig
Community Champion
Community Champion

I don't think so. Could you please upload the latest code with less file to your GitHub repo?

We'll check it on our end once you upload the latest code.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Helpful resources

Announcements
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

Find out what's new and trending in the Fabric Community.

Top Kudoed Authors