Skip to Content

One thing that I love about Fiori is Smart Business Cockpit. It has small charts with numeric information and a summary chart. If you are creating dashboards with some summary KPIs, this kind of charts are very useful.

Lumira has a built-in “Numeric Point” component, that just shows a number at a time without any visual. Lumira will have more chart types in the future but thanks to extension development capabilities, today we can create lots of charts with little effort. In addition to “Numeric Point” component, I decided to create a set of extensions in order to visualize percentage values and series of data in a summary way.

Below you can find 2 different extensions in order to visualize series of data and percentage values.

mini charts 2.png

For the percentage charts you just need to have a measure that is in decimal format like 0,80 for 80%.

/wp-content/uploads/2015/01/percentage_632043.png

For the series charts, just use a measure and a set of data. It is not required to be a time series data, but it may be more meaningful to use time series. Number above the chart displays the last number in the dataset and can be arranged by sorting on chart. Chart can display minimum and maximum points with dots and lines.

area chart.png

Download

Extension and vizPacker files (GitHub)

To report this post you need to login first.

12 Comments

You must be Logged on to comment or reply to a post.

  1. Meng Wang

    Hi Mustfa,

    I am using the Lumira desktop 1.27 version. but for the mini area chart, i can only see

    the the title, one number and a green icon and a red icon.

    I cannot see the mini area chart.

    Did i miss something?

    Best Regards.

    Meng

    (0) 
  2. Meng Wang

    HiMustafa,

    Any chance to

    1: add a flag to customize the starting point of Y axis.

    thus will reduce the blank area of the mini area chart.

    2: mouse over function, to show the detail value of each datapoint.

    Best Regards.

    Meng

    (0) 
  3. Laurent MAQUET

    Nice job, thx very much Mustafa !

    I tried to customize the fill color of the mini donut chart by looking for a color reference in the different source files, but didn’t succed.

    Is there a way to do it ?

    (0) 

Leave a Reply