Click the “Add Set” to add an additional Dimension/Measure.įollowing is what you need to reach before clicking “Next”.Click the “+” sign to add the relevant fields.Use the pencil marker in order to edit the Dimension/Measure name.As you can see in the below image the first measure (measure (0)) is Actuals, etc. Make sure that the order of them matches the order in the render.js in the Lumira VizPacker Utility.The “bullet.csv” sample data appears on the screen.Ĭreate the Dimensions/Measures. Select the “bullets.csv” that you used when developing the Bullet chart with SAP Lumira VizPacker Utility. Since the Bullet chart is based on SVG, make sure that the “Using SVG” is marked. You can leave the rest of the fields with their defaults.

When packing the extension from SAP Web IDE as well as deploying the extension to SAP Lumira, you’ll use this ID. This name will appear in SAP Lumira when selecting the visual extension.įill-in the Extension ID. This will be the project name that will appear in the SAP Web IDE workspace.įill-in the Extension Name. Select the “Visualization Extension” template and click “Next”.įill-in the project name. Use the drop down to filter the VizPacker template: In the Web IDE, select File > New > Project from Template (see image below).

Generating an empty visualization extension project that will hold the ported Bullet chart visualization extension If the checkbox is not checked, enabled the VizPacker plugin by checking it and then refresh the browser for the enablement to take place. In the screen that appears – If the checkbox next to the VizPacker plugin is checked, it means that the VizPacker plugin is enabled. In the screen that appears select “Optional Plugins” (see image below). In SAP Web IDE – Got to Tools > Preferences (see image below) Enabling the VizPacker plugin is described in the next section.Įnabling the SAP Web IDE VizPacker Plugin (also an additional way to verify that the VizPacker plugin is enabled) If you do not see them, it means that you need to enable the VizPacker plugin. Once logged into SAP Web IDE, you’ll see the VizPacker plugin pane icon at the right-hand toolbar and the VizPacker “Pack” icon at the top toolbar as appears in the image below. The second part ( Migrate Bullet Chart from Lumira VizPacker Utility to SAP Web IDE VizPacker Plugin – Part 2) covers the deployment from SAP Web IDE to SAP Lumira. This part will cover all of the porting from the SAP Lumira VizPacker Utility to SAP Web IDE.

Porting from Lumira VizPacker Utility to SAP Web IDE.ĭue to the size of the blog I split it to two parts.

Generating an empty visualization extension project that will hold the ported Bullet chart visualization extension.

Enabling the SAP Web IDE VizPacker Plugin.

Several ways to know that the SAP Web IDE VizPacker Plugin is enabled.

This blog expands a bit more than just the porting process.

Lumira – Open Source Visualization Extensions.

A working Bullet chart in Lumira VizPacker Utility (from Matt Lloyd).

If you do not have it, refer to the following resources If you do not have an account, refer to the following resources

SAP Web IDE account (factory or trial).

SAP Lumira Personal Edition version 1.25.1. SAP Web IDE VizPacker Plugin version 1.1.2.

Spoiler – Yes, porting visualization extensions from Lumira VizPacker Utility to SAP Web IDE is that simple. This blog provides a very detailed description of how I ported the Bullet chart visualization extension ( from Matt Lloyd) from the Lumira VizPacker Utility to SAP Web IDE. I read Dong Pan’s excellent blog “ Migrate VizPacker-based Lumira Visualization Extensions to Web IDE” and wanted to check for myself that the migration (or porting) is that simple.

Vizpacker sap lumira designer