如果我的SAP UI5中的图表来源不是从服务器或文件加载的模型,而是基于现有计算(分组/数学)的结果模型,我如何正确地将它绑定到图表控件并使用数据?将客户端计算的结果绑定到控件(例如图表)
1
A
回答
1
您首先创建计算结果。然后,您将其转移到新的JSON模型中,并使用setData函数传递结果。 然后将控件绑定到新的JSON模型。我尽量弥补一些虚拟代码可能位于您的控制器:
var data = modelWithRawData.getData();
calculationOutput = doComplicatedCalculation(data);
var calculationModel = new sap.ui.model.json.JSONModel(calculationOutput)
myView.setModel(calculationModel, "calculationModel");
而在你绑定的路径你现在需要引用MODELNAME。例如,在一个xmlView中:
<Chart data="{calculationModel>/PathToRelevantData}">
<!-- more xml -->
0
下面是一个使用sap.viz库工作示例:
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv='Content-Type' content='text/html;charset=UTF-8' />
<script src="resources/sap-ui-core.js" id="sap-ui-bootstrap"
data-sap-ui-libs="sap.ui.commons,sap.ui.layout,sap.ui.ux3,sap.ui.table,sap.m,sap.viz"
data-sap-ui-theme="sap_goldreflection">
</script>
<script>
var oModel = new sap.ui.model.json.JSONModel({
businessData : [
{text: "A", value: 100},
{text: "B", value: 200},
{text: "C", value: 300}
]
});
//DO SOME ADVANCE CALCULATION WITH THE JSON DATA...
var data = oModel.getData();
data.businessData[0].value += 30;
data.businessData[1].value = data.businessData[1].value * 2;
data.businessData[2].value = data.businessData[2].value - 100;
//END OF SOME ADVANCE CALCULATION WITH THE JSON DATA...
var oDataset = new sap.viz.ui5.data.FlattenedDataset({
dimensions : [{axis : 1, name : 'Text', value : "{text}"}],
measures : [{name : 'Value', value : '{value}'},
],
data : {path : "/businessData"}
});
var oBarChart = new sap.viz.ui5.Bar({
title : {
visible : true,
text : 'My bar chart'
},
dataset : oDataset
});
// attach the model to the chart and display it
oBarChart.setModel(oModel);
oBarChart.placeAt("content");
</script>
</head>
<body class="sapUiBody" role="application">
<div id="content"></div>
</body>
</html>
希望这有助于。
相关问题
- 1. 将计算属性添加到wcf客户端进行绑定
- 2. 如何在绑定到客户端控件之前将SAPUI5 OData分组?
- 3. 绑定RadListView客户端端
- 4. 如何将WPF控件绑定到类方法的结果?
- 5. 如何将DataTable.Select()的结果绑定到ListBox控件?
- 6. 使用Python自动将ec2实例上的计算结果传输到本地客户端
- 7. Sharepoint:将GridView绑定到SharePoint列表(客户端对象模型)
- 8. 绑定到服务是否将客户端连接到新的服务实例?
- 9. 将类实例绑定到控件
- 10. 自定义控件不能绑定在lightswitch html客户端
- 11. 将安全令牌绑定到特定的客户端机器
- 12. Expressjs - 流cassandra结果集到客户端
- 13. 将结果绑定到kendoGrid
- 14. 将客户端绑定到本地端口
- 15. 绑定Telerik RadTreeView客户端
- 16. 绑定在客户端+ WCF
- 17. RadGrid客户端绑定
- 18. udp客户端绑定
- 19. 如何在客户端计算
- 20. 服务器端与客户端计算
- 21. 将用户控件绑定到属性
- 22. Eclipse RCP客户端并将控制台重定向到文件
- 23. Java的JMS客户端 - 绑定到特定的本地端口
- 24. sqlplus客户端将远程结果重定向到本地文件
- 25. 如何将用户控件复选框绑定到列表框
- 26. 如何将Web部件从客户端部署到SharePoint Server(其他计算机)
- 27. 将虚拟接口的IP地址绑定到ftp客户端
- 28. 如何将ajax结果绑定到jqxGrid
- 29. 将编辑器html保存到客户端计算机
- 30. 将用户控件绑定到自定义BusyIndicator控件