Skip to Content
Author's profile photo Former Member

CVOM Extensions in SAP Design Studio 1.4

It is truly exciting to see all the new features and enhancements in SAP Design Studio 1.4! One interesting feature is the compatibility with SAP Lumira CVOM extensions. To add an extension in SAP Lumira, all you need to do is add the ‘bundles’ and the ‘features’ folders of the CVOM extension, into the ‘extensions’ folder. In SAP Design Studio, you will have to create a package of these two folders.

These are the steps I followed, to install a CVOM extension for a Polar Clock (extended from D3).

STEP 1: Open SAP Design Studio 1.4 and under the ‘Tools’ menu select ‘Install CVOM Chart Extensions’.

CVOM chart ectensions.png

STEP 2: You will be prompted to enter the location of the zip file of the component.

/wp-content/uploads/2014/11/path_596366.png

After installation, I restarted the application, but couldn’t find the installed component. Usually, when a SAP Design Studio extension is installed, the installed component is displayed either in the custom components category or a separate category as specified in the component, but for this CVOM Extension, there was neither any separate category such as CVOM Extensions nor was the component displayed in the custom components category.

I even tried searching for the installed component, using the new component search feature introduced in SAP Design Studio 1.4, but couldn’t find it. After spending a lot of time and trying out various things, I found it under ‘Additional Charts’ (only after assigning a data source) along with the in-built additional charts such as Heat/Tree Maps, Trellis etc.

/wp-content/uploads/2014/11/additional_charts1_596373.png

SAP Design Studio 1.4 also requires you to assign one or more dimensions and measures to the X axis and the Y axis (even if the installed extension does not use a data source).

/wp-content/uploads/2014/11/additional_charts__596381.png

On clicking Apply and OK, the installed component will be displayed in the workspace Outline.

In Additional Properties, you will find options to change the basic properties such as the padding, background color and title. Unlike in SAP Design Studio extensions, this additional property sheet is auto generated by SAP Design Studio for CVOM extensions and does not require any additional effort or code for the html page to be generated.

/wp-content/uploads/2014/11/additional_properties_596382.png

Now that the same CVOM chart visualizations can be shared between SAP Design Studio and SAP Lumira, there are many aspects to be explored, such as customizing the additional property sheet for CVOM add-ons, data population etc.

/wp-content/uploads/2014/11/cvom_chart_visualizations_596384.png

The image below shows the same CVOM extension being used in SAP Lumira.

/wp-content/uploads/2014/11/sap_lumira_596386.jpg

With a basic set of properties and no scripting capabilities, it is not clear how these CVOM extensions would help build effective and versatile applications in SAP Design Studio. I guess, we may still have to depend on the native SAP Design Studio SDK to enhance charts with advanced customizations.

Source: http://visualbi.com/blogs/design-studio/cvom-extensions-sap-design-studio-1-4/

Assigned Tags

      15 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Former Member
      Former Member

      where can I find a list of available cvom extensions?

      Author's profile photo Karol Kalisz
      Karol Kalisz

      Hi Daniel,

      you can check this URL Developers : SAP Lumira - go to "Developers" and scroll down. There are some extensions.

      Also, some others can be found via google on "sap lumira sdk free"

      Karol

      Author's profile photo Mohd Fahad
      Mohd Fahad

      Hi,

      I got the extensions installed locally, now when i'm trying to uninstall them, i'm unable to do so.

      Please advise, thanks

      CVOM-Design Studio.png

      -Fahad

      Author's profile photo L Kumar
      L Kumar

      Hello Fahad/Karol,

      Can you please tell me how you had downloaded the extension from the page Developer: SAP Lumira .

      Thanks,

      LKumar

      Author's profile photo Karol Kalisz
      Karol Kalisz

      The extensions are provided as ZIP packages - so if you find a blog with extension, you need to find a ZIP on it, eg here: http://scn.sap.com/community/lumira/blog/2014/02/19/how-to-add-a-d3-extension-for-sap-lumira

      you see the link to the repository - lumira-viz-library/BulletChart at master · SAP/lumira-viz-library · GitHub and there you can find a ZIP which should be installable. But not everyone in blogs is providing a ZIP, then you need to ask.

      also, some extenions are delivered in Lumira installation, you can check the folder:

      C:\Program Files\SAP Lumira\Desktop\samples\extensions\charts\

      Karol

      Author's profile photo Mohd Fahad
      Mohd Fahad

      Hi Kumar,

      Adding extensions to Design Studio below are the steps:-

      • Link Developers : SAP Lumira
      • Click on 'the power of custom extensions' under 'Road to Success' click on 'Visualizations'  Or simply click here https://github.com/SAP/lumira-viz-library
      • Download the Zip file. (Unzip the folder). you will see 14 sub folder. Each folder has a zip file. Do not unzip sub-folder. Just unzip the folder that you have downloaded.
      • Open Design Studio, go to 'Tools - Install CVOM Extensions' in the pop-up locate the sub-folder which is in zip format.
      • Design studio will install the zip file automatically, once done it will prompt you to restart the application.
      • Drop a chart component into the canvas, assign the data source.
      • Chart Type drop-down -more charts, you will see them in the list.

      For SAPLumira CVOM extensions.

      Please follow Karol comments, thanks

      -Fahad

      Author's profile photo L Kumar
      L Kumar

      Hello Fahad/Karol,

      Thank you very much for the details by each steps and it works.

      I had tried to install the ZIP file directly just like installing normal extensions(Custom component) and it was throwing error for me. Now I got and successfully installed some of them.

      I will also try the sample extensions available in Lumira installation directory.

      Regards,

      LKumar

      Author's profile photo Lawrence Chan
      Lawrence Chan

      Hi Fahad,

      I realize this is an old post.  I see that this question was not answered, so i'm replying anyway in case you still need to uninstall.  

      To uninstall CVOM extension in Design Studio (this is for 1.6), go to

      - Help > About > 'Installation Details'

      - Click on the extension to be uninstalled

      - Click 'Uninstall'

      I found this blog from Wendy Xin very helpful on this topic

      How to port SAP Lumira Visualization Extensions to SAP Design Studio

      Regards,

      Lawrence

      <

           I got the extensions installed locally, now when i'm trying to uninstall them, i'm unable to do so.

           Please advise, thanks


      >

      Author's profile photo Mark Richardson
      Mark Richardson

      Since Crystal Reports for Enterprise 4.1 is also supposed to be re-built for HTML5, is there a similar method for adding Custom CVOM Chart options into that tool...?

      Nice that these enhanced Chart visualizations are in SAP Lumria and SAP Design Studio - but would also be really nice to easily render them "on paper" in the Crystal Reports for Enterprise 4.1 format....

      Re: Dynamic Average LINE on Bar-Chart (CR-2013)...?

      Let me know your thoughts. Thanks!

      Author's profile photo Tammy Powlas
      Tammy Powlas

      Hi Mark,

      I don't think this is this something that Visual BI can answer (nor is it their place, in my opinion)

      I recommend post it as an idea on Idea Place so SAP can reply/see it. 

      Tammy

      Author's profile photo Alfons Gonzalez Comas
      Alfons Gonzalez Comas

      Hi Ramesh,

      Thanks for the entry. I have also developed a CVOM extension component that runs fine on SAP Lumira

      /wp-content/uploads/2015/05/pic1_704928.jpg

      but after installing it on DS it does not work properly. I have checked that issue comes from the fact that CVOM Extension component is not able load data provided by DS data source (in my case a query retrieved from a SAP BI Universe .unx)

      /wp-content/uploads/2015/05/pic2_704927.jpg

      My question is. Have you been able to successfully using CVOM components using data sources based on UNX universes? If yes, any idead about what am I doing wrong?

      Thanks,

      Author's profile photo Pankaj Raj
      Pankaj Raj

      Hi, Hope you could help here. I tried installing CVOM Extension available on the github, but it didn't work in Design Studio. I downloaded the Bullet Chart zip file from github, installed it in design studio. After that I could also see it in Chart Type Options. I selected it, but it didn't work, rather Design Studio Hangs. I tried this option a multiple times. The same extension works in Lumira, but doesn't work in Design Studio. I tried couple of other CVOM extensions, developed by Lumira Team, but the same didn't work in Design Studio. Can you please help. Regards Pankaj

      Author's profile photo Former Member
      Former Member

      Hello Pankaj,

      did you manage to solve the problem? I am using SAP Design Studio 1.6 SP5 and all cvom chart extensions keep on rendering in an endless loop in DS, even though they work when I execute the application. Any suggestions how to solve the problem are  very welcome.

      Regards René

      Author's profile photo Pankaj Raj
      Pankaj Raj

      Hello

       

      Sorry for late reply. It was a long time ago. I guess the problem didnt solve, and we found some workaround, and used some other extension.

       

      Regards

      Pankaj

      Author's profile photo Lawrence Chan
      Lawrence Chan

      Hi Keerthana,

      Can you explain more on where or how did you generate the zip files (for Polar Clock) to be imported via CVOM?

      I have looked at CVOM extensions on GitHub - SAP/lumira-extension-viz: lumira

      but i could not find extension called Polar Clock.

      Thanks!

      Lawrence