Skip to Content

Archived discussions are read-only. Learn more about SAP Q&A

VizPacker Chart Preview Blacked Out

Going through the "Creating and Managing Visualization Extensions with SAP Lumira" video located here:

At the 12:27 mark, I can get my chart to preview like the author's in the video, however, when he starts applying the code, ".sap_vis_ext_populationpyramid" to the css section, whenever I attempt to do the same, my chart preview blacks out (See attached screenshot for example).  I continue through the rest of the video, package the visualization, deploy it to Lumira, and the chart functions like the author's final output. 

Version info Lumira: 1.17.1 Build: 1098

Google Chrome: Version 42.0.2311.135 m

Any help in correcting this would be greatly appreciated.

Thank you!


Former Member
Former Member replied

Hi Ludek,

IT has upgraded my machine and I now have 1.25.1 Build 23.  After updating and restart, I open VizPacker to see if the issue has resolved and it has not.

It appears the issue lies in the first line of my css code.  In following the steps of the webinar, Dong has you add ".sap_vis_ext_populationpyramid" to your css styles. Through process of elimination the very first line is what's causing the blackout in VizPacker.

The original css code was (chart previews with no issue):

.y.axis path {

  display: none;


Dong instructs the user to make the following change (chart blacks out after refresh).

.sap_vis_ext_populationpyramid.y.axis path {

  display: none;


As you can from the two images, the only variance is in the first line of the code.

0 View this answer in context

Helpful Answer

Not what you were looking for? View more on this topic or Ask a question