Question Re: Bullet micro chart doesn't work for Grid Table in Technology Q&A

Bullet micro chart doesn't work for Grid Table

former_member636171 — Wed, 10 Feb 2021 10:30:08 GMT

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

Re: Bullet micro chart doesn't work for Grid Table

former_member636171 — Wed, 17 Feb 2021 10:11:52 GMT

Still looking for a solution 🙂

Re: Bullet micro chart doesn't work for Grid Table

MioYasutake — Sat, 26 Jun 2021 00:23:21 GMT

Hi bsnorrason,

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

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

Re: Bullet micro chart doesn't work for Grid Table

former_member636171 — Sat, 26 Jun 2021 01:03:00 GMT

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

Re: Bullet micro chart doesn't work for Grid Table

MioYasutake — Sat, 26 Jun 2021 01:48:20 GMT

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.