Pictural Stack

This is the N4V FOR WEBI Wiki page for the Pictural Stack widget.

Updated for N4V 2025.2.10

• Gauge indicating a stack of values in a customizable image.

• Dimension : Dimension to ventilate inside the gauge

• Value : Measure to display in the gauge

• The level of filling of the image progresses until reaching the level of ventilation.

Use the Webi native element link function to make this graph interact with other elements of the same report (native Webi tables / graphs and / or Need4Viz graphs).

You can find instructions for accessing settings for Need4viz graphics: Format Custom Element.

For the Pictural stack, the available parameters are:

Global

• Palette and Style
  • General : You can use the palette tool to define the colors used to build the graph.

Extended parameters

• Global → See the user guide for the “Global” section here

• Menu → See the user guide for the “Menu” section here

• Options
  • Gauge orientation : Choose here if the gauge filling is horizontal or vertical
  • Label of Gauge : This setting allows you to define the writing style of the label as well as its position, content and the size of its area. You can also choose whether or not to display the label.
  • Colors : This setting allows you to set a gradient effect on the pictural.
  • Legend : This setting allows you to display or not the legend. You can also change the style of the legend markers, its place, the font of the legend and display or not the percentage (recalculated when click on items to hide/display them). You can also choose the order of the legend items to display.

• Picture
  • Picture type : This setting allows you to choose the type of image you want (custom or not)
  • Custom picture : This setting allows you to use your SVG (Scalable Vector Graphics) format picture

• Selection → See the user guide for the “Selection” section here

• Controls → See the user guide for the “Selection” section here

• Tooltip → See the user guide for the “Tooltip” section here

• Measure
  • Measure of the Gauge : This setting allows you to specify the name of the measure in the labels (replaces the Webi object name, %SECTION% N4V variable can be used in the label), the unit to add as a measurement prefix or suffix as well as the measurement accuracy. You can also set the precision of the percentages. The measurement display format (standard - e.g.: 2,345.67, compact - e.g.: 2.3K or compact long - e.g.: 2.3 thousand) can also be defined.

Export Server → See the user guide for the “Export Server” section here

Export FTP → See the user guide for the “Export FTP” section here

Export SharePoint → See the user guide for the “Export SharePoint” section here

KB articles to get more information :

• How to add custom pictures in N4V FOR WEBI pictural components : Here
• How to use a custom SVG in pictural stack or pictural gauge : Here
• How to use a SVG with multiple paths in a pictural stack or pictural gauge : Here