Skip to Content
avatar image
Former Member

VizPacker Chart Preview Blacked Out

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

http://saplumira.com/learn/videos.php?video_id=29

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!

-Chris

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    avatar image
    Former Member
    May 04, 2015 at 05:06 PM

    Hi Tammy,

    I'll have to get with our IT department to see if we have that package available for install, I will gladly try that to see if that remedies the issue. 

    Thanks!

    -Chris

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member Ludek Uher

      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.

  • May 04, 2015 at 05:02 PM

    Chris - what about trying it with the latest version of Lumira 1.25?

    Add comment
    10|10000 characters needed characters exceeded