FioriElements - Display labels on a ColumnMicroChart

[mHambach]

Hi FioriElements - experts,

I'm a Fiori Elements newbe and work on my first App. The App displays all kind of information from SAP BP, SAP-FSCD (insurance) and DWH.
Data are coming from CDS-Views. The annotations are done in both, CDS and XML, depending on where it was easier to achieve…

Most things are fairly easy/straight forward and work fine.
However, i'm struggeling with a couple of issue. I found information in the community, but they did not work… 😞  So i decided to bring them up here, hoping to find some advice.
Thanks in advance for any response!
Best regards from Germany
Matthias

Here is the list of all issues. So please check my other posts as well 🙂
ListReport - relatet:
1. Value-Help that does not load the data immediately
ObjectPage - relatet:
2. Dynamic SemanticObject (for SemanticNavigation)
3. Display Labels for a ColumnMicroChart
4. Grouping of table-entries
5. Two tables per section with CollectionFacet-annotation
6. ToolTip for a FieldGroup - Table-Column

---------------------------------

3. Labels for a ColumnMicroChart

I included a ColumnMicroChart as HeaderFacet.
There seems to be no way to display the labels of the x-Axis.

I want to achieve something like this:

I tried both, CDS- and XML-annotations:

"@UI.chart: [{   qualifier:'balanceChart',
                        title:'Offene Posten',
                        description:'Saldo pro Belegart',   
                        chartType:#COLUMN,
                        measures:['balance'],
                        measureAttributes:[{ measure:'balance',
                                                         role:#AXIS_1,
                                                         asDataPoint:true }],
                          dimensions:['blart'],
                         dimensionAttributes:[{ dimension:'blart',
                                                             role:#CATEGORY }]
                       }]

DataPoints:
"@EndUserText :{ quickInfo:'Belegart', label:'BA' }
"@UI.dataPoint:{ title:'BA', qualifier:'blart',             
                            description:'Belegart' }
"@UI.lineItem:[{ position:10 }]
   key blart,
"@EndUserText :{ quickInfo:'Offener Betrag nach Belegart',
                             label:'Saldo' }
"@UI.dataPoint:{ title:'Saldo', qualifier:'balance',
                            description:'Offener Betrag nach
                             Belegart', criticality:'balance_crit' }
"@Semantics.amount.currencyCode:'Currency'
"@UI.lineItem:[{ position:20 }]
   balance,
"@EndUserText :{ quickInfo:'Währung', label:'EUR' }
"@Semantics.currencyCode:true
"@UI.lineItem:[{ position:30 }]
   currency,
"@UI.lineItem:[{ position:40 }]
    case when balance < 0 then 3
         when balance > 0 then 1
         else 0
    end as balance_crit  

<Annotations Target="...bp360_serv.bp_voType/balance">
    <Annotation Term="UI.DataPoint" Qualifier='balance_datapoint'>
            <Record Type="com.sap.vocabularies.UI.v1.DataPointType">
                <PropertyValue Property="Value" Path="balance"/>
                <PropertyValue Property="ValueFormat">
                    <Record Type="com.sap.vocabularies.UI.v1.NumberFormat">
                        <PropertyValue Property="NumberOfFractionalDigits" Int="2"/>
                    </Record>
                </PropertyValue>                            
            </Record>
    </Annotation>
</Annotations>

Either the value nor the Category is displayed. There ist supposed to be a property "showDataLabel". But this is not available...

In ControlTree-Diagnostics, I can activate:  allowColumnLabels = True. Then, the value is displayed.
The label-Property is empty, but i can manually enter it:
 

Also tried this property in the manifest-settings - without any effect:
"chartSettings": { "showDataLabel": true },

[rajsekharindian1]

Hi, we are having same issue. Are you able to find a solution for this?

[ArunJacob]

Hi,

Please try the 'VizFrame' link.

It shows labels on the x-axis as below:-

And the detailed chart properties can be found here

Thanks,

Arun

[mHambach]

Hi Arun, thanks for looking at it.

[mHambach]

Hi Arun, but your solution is than not Fiori Elements anymore... Would mean, that i had to extent a view...