Skip to Content
avatar image
Denis Muzhzhukhin

Smart Micro Chart in List Report table doesn't appear

Nov 23, 2017 at 10:50 AM | 87 Views

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
Add comment
10|10000 characters needed characters exceeded

  • 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

  • Get RSS Feed

1 Answer

  • Best Answer
    avatar image
    Richard Zhao
    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