Skip to Content

Smart Micro Chart in List Report table doesn't appear

Hello,

i'm creating an app from List Report template and want to add a column with a bullet micro chart as described in article Smart Micro Chart in Tables. But unfortunately new column doesn't appear at all. Are there some else prerequisites to make it work? Maybe settings in manifest,json?

BR,

Denis

Add comment
10|10000 characters needed characters exceeded

  • <Annotation Term="UI.DataPoint" Qualifier="Over">
    	<Record Type="UI.DataPointType">
    		<PropertyValue Property="Title" String="OverBullet"/>
    		<PropertyValue Property="Value" Path="QuantityDelivered"/>
    		<PropertyValue Property="TargetValue" Path="QuantityOverall"/>
    	</Record>
    </Annotation>
    <Annotation Term="UI.Chart" Qualifier="Over">
    	<Record Type="UI.ChartDefinitionType">
    		<PropertyValue Property="Title" String="Title"/>
    		<PropertyValue Property="Description" String="Description"/>
    		<PropertyValue Property="ChartType" EnumMember="UI.ChartType/Bullet"/>
    		<PropertyValue Property="Measures">
    			<Collection>
    				<PropertyPath>QuantityDelivered</PropertyPath>
    			</Collection>
    		</PropertyValue>
    		<PropertyValue Property="MeasureAttributes">
    			<Collection>
    				<Record Type="UI.ChartMeasureAttributeType">
    					<PropertyValue Property="Measure" PropertyPath="QuantityDelivered"/>
    					<PropertyValue Property="Role" EnumMember="UI.ChartMeasureRoleType/Axis1"/>
    					<PropertyValue Property="DataPoint" AnnotationPath="@UI.DataPoint#Over"/>
    				</Record>
    			</Collection>
    		</PropertyValue>
    		<PropertyValue Property="Dimensions"/>
    		<PropertyValue Property="DimensionAttributes"/>
    		<PropertyValue Property="Actions"/>
    	</Record>
    </Annotation>
    <Annotation Term="UI.SelectionFields">
    	<Collection>
    		<PropertyPath>CounterpartyName</PropertyPath>
    		<PropertyPath>Currency</PropertyPath>
    		<PropertyPath>Reference</PropertyPath>
    	</Collection>
    </Annotation>
    <Annotation Term="UI.SelectionPresentationVariant" Qualifier="Over">
    	<Record Type="UI.SelectionPresentationVariantType">
    		<PropertyValue Property="SelectionVariant">
    			<Record Type="UI.SelectionVariantType">
    				<PropertyValue Property="Parameters"/>
    				<PropertyValue Property="SelectOptions">
    					<Collection>
    						<Record Type="UI.SelectOptionType">
    							<PropertyValue Property="PropertyName" PropertyPath="Overbalanced"/>
    							<PropertyValue Property="Ranges">
    								<Collection>
    									<Record Type="UI.SelectionRangeType">
    										<PropertyValue Property="Sign" EnumMember="UI.SelectionRangeSignType/I"/>
    										<PropertyValue Property="Option" EnumMember="UI.SelectionRangeOptionType/EQ"/>
    										<PropertyValue Property="Low" Bool="true"/>
    									</Record>
    								</Collection>
    							</PropertyValue>
    						</Record>
    					</Collection>
    				</PropertyValue>
    			</Record>
    		</PropertyValue>
    		<PropertyValue Property="PresentationVariant">
    			<Record Type="UI.PresentationVariantType">
    				<PropertyValue Property="SortOrder"/>
    				<PropertyValue Property="GroupBy"/>
    				<PropertyValue Property="TotalBy"/>
    				<PropertyValue Property="Total"/>
    				<PropertyValue Property="Visualizations">
    					<Collection>
    						<AnnotationPath>@UI.Chart#Over</AnnotationPath>
    					</Collection>
    				</PropertyValue>
    				<PropertyValue Property="RequestAtLeast"/>
    			</Record>
    		</PropertyValue>
    		<PropertyValue Property="Text" String="{@i18n>tabOver}"/>
    	</Record>
    </Annotation>
    <Annotation Term="UI.LineItem" Qualifier="Over">
    	<Collection>
    		<Record Type="UI.DataField">
    			<PropertyValue Property="Value" Path="GuaranteeId"/>
    		</Record>
    		<Record Type="UI.DataField">
    			<PropertyValue Property="Value" Path="Reference"/>
    		</Record>
    		<Record Type="UI.DataField">
    			<PropertyValue Property="Value" Path="Amount"/>
    		</Record>
    		<Record Type="UI.DataField">
    			<PropertyValue Property="Value" Path="CounterpartyName"/>
    		</Record>
    		<Record Type="UI.DataField">
    			<PropertyValue Property="Value" Path="VoyageId"/>
    		</Record>
    		<Record Type="UI.DataField">
    			<PropertyValue Property="Value" Path="TransportName"/>
    		</Record>
    		<Record Type="UI.DataField">
    			<PropertyValue Property="Value" Path="PartialShipmentAllowed"/>
    		</Record>
    		<Record Type="UI.DataFieldForAnnotation">
    			<PropertyValue Property="Label" String="DataFieldForAnnotationTest"/>
    			<PropertyValue Property="Target" AnnotationPath="@UI.Chart#Over"/>
    		</Record>
    	</Collection>
    </Annotation>

    just to share annotations just in case

  • Get RSS Feed

1 Answer

  • Best Answer
    Nov 28, 2017 at 03:04 AM

    Hello Denis. You could use the component below to implement this functionality. thanks.

    xmlns:m="sap.m"

    xmlns="sap.ui.table"

    xmlns:micro="sap.suite.ui.microchart"

    xmlns:app="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"

    xmlns:html="http://www.w3.org/1999/xhtml"

    <Column width="180px" hAlign="Left" vAlign="Top"
    	minScreenWidth="Tablet" demandPopin="true" popinDisplay="WithoutHeader"
    	mergeDuplicates="false" filterProperty="Area">
    	<m:Label text="Test2" />
    	<template>
    		<m:FlexBox height="100px" width="170px">
    			<micro:ComparisonMicroChart scale="M" app:name="comparison" 
    				press="press" isResponsive="true">
    				<micro:data>
    					<micro:ComparisonMicroChartData title="Americas" 
    							value="10" color="Good" />
    					<micro:ComparisonMicroChartData title="EMEA" 
    							value="50" color="Good" />
    					<micro:ComparisonMicroChartData title="APAC" 
    							value="-20" color="Error" />
    				</micro:data>
    			</micro:ComparisonMicroChart>
    		</m:FlexBox>
    	</template>
    </Column>
    
    Add comment
    10|10000 characters needed characters exceeded