cancel
Showing results for 
Search instead for 
Did you mean: 

Bullet micro chart doesn't work for Grid Table

former_member636171
Participant
0 Kudos

Hi all,

I've implemented a bullet micro chart using CDS views using this tutorial as a reference. I then created a list report app and with the default table type it worked fine but when I changed the table type to Grid Table then I only get the value of the chart. According to the fiori elements guidelines Grid tables should support bullet charts.

Default table type:


Grid table:

Here's the CDS view chart code:

@UI.chart: [{ 
              chartType:         #BULLET ,
              measures:          ['chart'],
              measureAttributes: [{ 
                    measure:     'chart' , 
                    role:        #AXIS_1 , 
                    asDataPoint: true 
                    }]
              }]
define view .......   
    @UI:{ lineItem: [{ position: 170 , 
                   type: #AS_CHART, 
                   label: 'Worked status'
                    }]
    }
    @UI.dataPoint: { title: 'Total Worked Hours' ,
                   targetValueElement: 'plannedWorkHours',
                   minimumValue: 0 ,
                   maximumValue: 200 ,
                   criticalityCalculation: { 
                        improvementDirection:  #MAXIMIZE ,
                        deviationRangeLowValueElement: 'lowerthreshold' ,
                        toleranceRangeLowValueElement: 'plannedWorkHours'
                      }
                 } 
    totalWorked as chart


The reason I want a Grid table is to have a horizontal scroll bar and contain all the line data in one line.
Any help with how I can accomplish that and keep the bullet chart is greatly appreciated.

Thanks,
Birgir

former_member636171
Participant
0 Kudos

Still looking for a solution 🙂

Accepted Solutions (0)

Answers (1)

Answers (1)

MioYasutake
Active Contributor

Hi bsnorrason,

Fiori Design Guidelines says, micro chars are not supported in grid table.

https://experience.sap.com/fiori-design-web/table-overview/

former_member636171
Participant
0 Kudos

It seems there's conflicting info on this.
https://experience.sap.com/fiori-design-web/bullet-micro-chart/

MioYasutake
Active Contributor
0 Kudos

You're right. The document says you can use the bullet micro chart with size XS.

Maybe you need to set the size property of the micro chart to XS, but I'm not sure if CDS annotation allows to do so.