@dobregon1988 Hey,
Native Power BI charts can’t put logos under each stacked bar. Use Deneb (Vega-Lite) or Charticulator to compose a stacked column plus a synchronized logo strip. Deneb is the most robust and easy to maintain.
Option A — Deneb (recommended)
What you need in your model
- Fields: Category (your bar/group), Segment (stack series), Value (measure), LogoURL (https, or data URI like data:image/png;base64,...).
- Sort Category as required.
Steps
1) Get Deneb from AppSource and add it to the report.
2) Drop these fields into the Deneb visual (Fields pane):
- Category
- Segment
- Value (sum)
- LogoURL
3) Open Deneb editor and paste this Vega-Lite spec. It vertically concatenates a stacked bar chart with a logo strip that shares the same x-scale, so logos always align with bars (even if you have fewer than 10 categories).
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"data": {"name": "dataset"},
"resolve": {"scale": {"x": "shared"}},
"vconcat": [
{
"height": 260,
"mark": {"type": "bar"},
"encoding": {
"x": {
"field": "Category",
"type": "nominal",
"axis": {"title": null, "label": false}
},
"y": {
"aggregate": "sum",
"field": "Value",
"type": "quantitative",
"stack": "zero",
"axis": {"title": null}
},
"color": {
"field": "Segment",
"type": "nominal",
"legend": {"title": null}
},
"tooltip": [
{"field": "Category", "type": "nominal"},
{"field": "Segment", "type": "nominal"},
{"aggregate": "sum", "field": "Value", "type": "quantitative"}
]
}
},
{
"height": 60,
"mark": {"type": "image", "width": 40, "height": 40},
"encoding": {
"x": {
"field": "Category",
"type": "nominal",
"axis": {"title": null, "label": false}
},
"url": {"field": "LogoURL"},
"y": {"value": 30}
}
}
],
"config": {
"view": {"stroke": null},
"axis": {"labelFontSize": 11}
}
}
Notes
- Logo size: adjust the bottom mark width/height (e.g., 50–70) or panel height.
- If you need exact brand colors or different bar spacing, tune config.axis and scale.bandPadding.
- Image sourcing:
- Prefer https links reachable from report consumers (no auth prompts).
- For guaranteed rendering, store base64 in a column and use data URIs: "data:image/png;base64," & [Base64Logo].
- Sorting: add "sort" on x to a column (e.g., SortOrder) to control bar order consistently with logos.
Option B — Charticulator
- Build a stacked bar glyph and add an image mark anchored to the category, positioned below the bars. Export as a custom visual. Great control, but Deneb is generally simpler and more portable.
Workarounds to avoid
- Infographic Designer: as you noticed, bar width behavior doesn’t stay in sync with stacked bars when category count changes.
- Two visuals (stacked bar + table/matrix of images) aligned manually: brittle and hard to keep perfectly aligned.
Conclusion
Use Deneb with a vconcat layout and shared x-scale. It reliably keeps logos centered under each stacked column across any number of categories, with full control over size, spacing, and style.
If this post helps, then please consider Accepting it as the solution to help the other members find it more quickly.
Thanks
Harish Mishra
Harish Kumar Mishra | LinkedIn
