Skip to content

Instantly share code, notes, and snippets.

@vbalko

vbalko/index.html

Last active October 2, 2020 16:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vbalko/023d5d50574ff9b3cf0d6a83fed149b2 to your computer and use it in GitHub Desktop.
Save vbalko/023d5d50574ff9b3cf0d6a83fed149b2 to your computer and use it in GitHub Desktop.
Download ZIP
Test SAPUI5 Integration card
Raw
index.html
<html>
<head>
<script
id="sap-ui-bootstrap"
src="https://ui5.sap.com/resources/sap-ui-integration.js">
</script>
</head>
<body>
<ui-integration-card manifest="./manifest.json"></ui-integration-card>
</body>
</html>
Raw
manifest.json
{
"_version": "1.14.0",
"sap.app": {
"id": "card.explorer.stacked.column.card",
"type": "card",
"title": "Sample of a Stacked Column Chart",
"subTitle": "Sample of a Stacked Column Chart",
"applicationVersion": {
"version": "1.0.0"
},
"shortTitle": "A short title for this Card",
"info": "Additional information about this Card",
"description": "A long description for this Card",
"tags": {
"keywords": [
"Analytical",
"Card",
"Stacked Column",
"Sample"
]
}
},
"sap.ui": {
"technology": "UI5",
"icons": {
"icon": "sap-icon://full-stacked-column-chart"
}
},
"sap.card": {
"type": "Analytical",
"header": {
"type": "Numeric",
"data": {
"json": {
"n": "56",
"u": "%",
"trend": "Up",
"valueColor": "Good"
}
},
"title": "Project Cloud Transformation",
"subTitle": "Forecasted goal achievement depending on business logic and other important information",
"unitOfMeasurement": "EUR",
"mainIndicator": {
"number": "{n}",
"unit": "{u}",
"trend": "{trend}",
"state": "{valueColor}"
},
"details": "Details, additional information",
"sideIndicators": [
{
"title": "Target",
"number": "3252.234",
"unit": "K"
},
{
"title": "Deviation",
"number": "22.43",
"unit": "%"
}
]
},
"content": {
"chartType": "StackedColumn",
"legend": {
"visible": true,
"position": "Bottom",
"alignment": "TopLeft"
},
"plotArea": {
"dataLabel": {
"visible": false,
"showTotal": true
},
"categoryAxisText": {
"visible": false
},
"valueAxisText": {
"visible": false
}
},
"title": {
"text": "Stacked column chart",
"visible": true,
"alignment": "Left"
},
"measureAxis": "valueAxis",
"dimensionAxis": "categoryAxis",
"data": {
"json": {
"list": [
{
"Week": "CW14",
"Revenue": 431000.22,
"Cost": 230000.00,
"Cost1": 24800.63,
"Cost2": 205199.37,
"Cost3": 199999.37,
"Target": 500000.00,
"Budget": 210000.00
},
{
"Week": "CW15",
"Revenue": 494000.30,
"Cost": 238000.00,
"Cost1": 99200.39,
"Cost2": 138799.61,
"Cost3": 200199.37,
"Target": 500000.00,
"Budget": 224000.00
},
{
"Week": "CW16",
"Revenue": 491000.17,
"Cost": 221000.00,
"Cost1": 70200.54,
"Cost2": 150799.46,
"Cost3": 80799.46,
"Target": 500000.00,
"Budget": 238000.00
},
{
"Week": "CW17",
"Revenue": 536000.34,
"Cost": 280000.00,
"Cost1": 158800.73,
"Cost2": 121199.27,
"Cost3": 108800.46,
"Target": 500000.00,
"Budget": 252000.00
},
{
"Week": "CW18",
"Revenue": 675000.00,
"Cost": 230000.00,
"Cost1": 140000.91,
"Cost2": 89999.09,
"Cost3": 100099.09,
"Target": 600000.00,
"Budget": 266000.00
},
{
"Week": "CW19",
"Revenue": 680000.00,
"Cost": 250000.00,
"Cost1": 172800.15,
"Cost2": 77199.85,
"Cost3": 57199.85,
"Target": 600000.00,
"Budget": 280000.00
},
{
"Week": "CW20",
"Revenue": 659000.14,
"Cost": 325000.00,
"Cost1": 237200.74,
"Cost2": 87799.26,
"Cost3": 187799.26,
"Target": 600000.00,
"Budget": 294000.00
}
]
},
"path": "/list"
},
"dimensions": [
{
"label": "Weeks",
"value": "{Week}"
}
],
"measures": [
{
"label": "Revenue",
"value": "{Revenue}"
},
{
"label": "Cost",
"value": "{Cost}"
}
]
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment