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

Get Fabric Certified for FREE during Fabric Data Days. Don't miss your chance! Learn more

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
Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

October Power BI Update Carousel

Power BI Monthly Update - October 2025

Check out the October 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.