How to solve error 50053 and 50005 in an Overview Page application?

[jvanattenhoven]

Hello,

I’m having some weird issues with Chart Cards in an Overview Page application (https://blogs.sap.com/2017/09/22/sap-fiori-overview-page-all-about-chart-cards-part-1/). List cards seem to work fine.

1. In the WebIDE environment, my program shows the cards as they should be shown in Internet Explorer and Edge. In Firefox and Chrome I get the following errors: “[50053] – Incomplete dimensions binding.” and “[50005] – valueAxis : does not meet the minimum or maximum number of feeds definition”. Online I found that these errors refer to Vizframe, but solutions are only posted when SAPUI5 is programmed in JavaScript; I don’t understand how this translates to the OVP Annotations. On top of the chart is says “undefined by undefined”. These should normally be the sap:labels.
2. I also deployed in to our own environment. Here, I get a warning that the project uses 1.48 and or server does not. So I used this approach: https://blogs.sap.com/2015/07/30/multi-version-availability-of-sapui5/. But it does not seem to work. Can that approach work for Overview Page applications using an index.html? Or is there another way to refer to a higher version of SAPUI5 for OVP?

"ZA_OVP_LogViewer_card00": {
  "model": "ZA_GATEWAY_SRV",
  "template": "sap.ovp.cards.charts.analytical",
  "settings": {
    "title": "{{ZA_OVP_LogViewer_card00_title}}",
    "entitySet": "logTopFiveUISet",
    "selectionAnnotationPath": "com.sap.vocabularies.UI.v1.SelectionVariant",
    "chartAnnotationPath": "com.sap.vocabularies.UI.v1.Chart#TopFiveUIChart",
    "presentationAnnotationPath": "com.sap.vocabularies.UI.v1.PresentationVariant",
    "selectionPresentationAnnotationPath": "com.sap.vocabularies.UI.v1.SelectionPresentationVariant",
    "identificationAnnotationPath": "com.sap.vocabularies.UI.v1.Identification#TopFiveUIId",
    "navigation": "dataPointNav"
   }
},
"ZA_OVP_LogViewer_card01": {
  "model": "ZA_GATEWAY_SRV",
  "template": "sap.ovp.cards.charts.analytical",
  "settings": {
    "title": "{{ZA_OVP_LogViewer_card01_title}}",
    "entitySet": "logTopFiveAbapSet",
    "selectionAnnotationPath": "com.sap.vocabularies.UI.v1.SelectionVariant",
    "chartAnnotationPath": "com.sap.vocabularies.UI.v1.Chart#TopFiveAbapChart",
    "presentationAnnotationPath": "com.sap.vocabularies.UI.v1.PresentationVariant",
    "selectionPresentationAnnotationPath": "com.sap.vocabularies.UI.v1.SelectionPresentationVariant",
    "identificationAnnotationPath": "com.sap.vocabularies.UI.v1.Identification#TopFiveAbapId",
    "navigation": "dataPointNav"
  }
},

<Annotations Target="ZA_GATEWAY_SRV.logTopFiveUI">
  <Annotation Term="UI.Chart" Qualifier="TopFiveUIChart">
    <Record Type="UI.ChartDefinitionType">
      <PropertyValue Property="ChartType" EnumMember="UI.ChartType/Column"/>
      <PropertyValue Property="Measures"/>
      <PropertyValue Property="MeasureAttributes">
        <Collection>
	  <Record Type="UI.ChartMeasureAttributeType">
	    <PropertyValue Property="Measure" PropertyPath="frequentie"/>
	    <PropertyValue Property="Role" EnumMember="UI.ChartMeasureRoleType/Axis1"/>
	  </Record>
        </Collection>
      </PropertyValue>
      <PropertyValue Property="Dimensions"/>
      <PropertyValue Property="DimensionAttributes">
        <Collection>
          <Record Type="UI.ChartDimensionAttributeType">
            <PropertyValue Property="Dimension" PropertyPath="toepassingId"/>
            <PropertyValue Property="Role" EnumMember="UI.ChartDimensionRoleType/Category"/>
          </Record>
	</Collection>
      </PropertyValue>
      <PropertyValue Property="Actions"/>
    </Record>
  </Annotation>
  <Annotation Term="UI.Identification" Qualifier="TopFiveUIId"/>
</Annotations>
<Annotations Target="ZA_GATEWAY_SRV.logTopFiveAbap">
  <Annotation Term="UI.Chart" Qualifier="TopFiveAbapChart">
    <Record Type="UI.ChartDefinitionType">
      <PropertyValue Property="ChartType" EnumMember="UI.ChartType/Column"/>
      <PropertyValue Property="Measures"/>
      <PropertyValue Property="MeasureAttributes">
	<Collection>
 	  <Record Type="UI.ChartMeasureAttributeType">
	    <PropertyValue Property="Measure" PropertyPath="frequentie"/>
	    <PropertyValue Property="Role" EnumMember="UI.ChartMeasureRoleType/Axis1"/>
	  </Record>
	</Collection>
      </PropertyValue>
      <PropertyValue Property="Dimensions"/>
      <PropertyValue Property="DimensionAttributes">
        <Collection>
  	  <Record Type="UI.ChartDimensionAttributeType">
	    <PropertyValue Property="Dimension" PropertyPath="toepassingId"/>
	    <PropertyValue Property="Role" EnumMember="UI.ChartDimensionRoleType/Category"/>
	  </Record>
	</Collection>
      </PropertyValue>
      <PropertyValue Property="Actions"/>
    </Record>
  </Annotation>
</Annotations>

[former_member103161]

Please check if the metadata contains labels for both the properties toepassingId and frequentie.

Missing label should be the reason behind undefined by undefined, alternatively you can provide a chart title in the annotation.

[jvanattenhoven]

Hi,

The metadata contained sap:label for all the properties of the entities I used. The problem has gone away after I changed the browser language. Is there any configuration in the i18n files?

Jeroen

[former_member103161]

For values picked from the metadata, translation comes from the CDS too. No additional configuration in i18n files is required.

[jvanattenhoven]

So I found one solution: I changed my browser language from English to Dutch, and the cards are shown. No idea whatsoever about why this is the case. Anyone?