Skip to Content
0

Smart Micro Chart in List Report table doesn't appear

Nov 23, 2017 at 10:50 AM

57

avatar image

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

10 |10000 characters needed characters left 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

0
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Richard Zhao
Nov 28, 2017 at 03:04 AM
0

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>
Show 2 Share
10 |10000 characters needed characters left characters exceeded

This is what it's looks like.

1511838449134.jpg (34.7 kB)
0

yes, but does it means it's impossible to do it via annotations?

0