Skip to Content
0

Smart Micro Chart in List Report table doesn't appear

Nov 23, 2017 at 10:50 AM

57

avatar image
Denis Muzhzhukhin

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

SAP Cloud Platform Web IDE
SAPUI5 | template
Answers Answers and Comments
10 |10000 characters needed characters left characters exceeded
▼ Viewable by all users
Denis Muzhzhukhin
Nov 23, 2017 at 11:10 AM 
<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
Comment
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Sort by:
Best Answer
avatar image
Richard Zhao Answered
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
▼ Viewable by all users
Richard Zhao
Nov 28, 2017 at 03:08 AM

This is what it's looks like.

1511838449134.jpg (34.7 kB)
0
Denis Muzhzhukhin
Dec 02, 2017 at 09:14 AM

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

0
Comment