提问
SAPUI5 SAP Fiori SAP Fiori Cloud SAP Fiori Elements

通过Odata响应的SAPUI5 VizFrame柱形图绑定

2020-08-15 21:07发布

站内问答 / UI5
2231 4 6

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


树汁社区，

我遇到一个问题，这里不知道如何通过网络端的oData响应来绑定柱形图

来自js或XML。

尝试了此代码，但没有用。

调试并检查它是否正确显示JSON模型数据中的数据。 但是数据没有反映在视图中

我还附加了Odata响应文件，可在其中获取所有数据。

XML代码：

成功：JS代码

调试器；
 var数据= {
 数据：oData.results
 };
 var oJsonModelOdata = new sap.ui.model.json.JSONModel（）;
 oJsonModelOdata.setData（datas，" jsonodata"）;
 var dataJSon = oJsonModelOdata.oData.data;
//sap.m.MessageToast.show（" abc"）;
//var数组= JSON.parse（oData.results）;
//var JSondata = JSON.stringify（oData.results）;
 var Column_Chart = oThis.byId（" idVizFrameColumn"）;
 Column_Chart.setVizProperties（{
 图例：{
 标题：{
 可见：错误
 }
 }，
 plotArea：{
 'colorPalette'：
 ["绿色"，"黄色"，"橙色"，"红色"，"绿色黄色"，"#63d0e6"]，
//'colorPalette'：["红色"，"绿色"，"橙色"，"蓝色"]，
 dataLabel：{
 可见：真
 }
 }，
 标题：{
 可见：错误
 }
 }）;
/* var oDataset = new sap.viz.ui5.data.FlattenedDataset（{
 尺寸：[{
 名称："月"，
 值：" {Month}"
 }]，
 措施：[{
 名称："值"，
 值：" {Value}"
 }]，
 数据：{
 路径："/img/jsonodata"
 }
 }）; */
//Column_Chart.setDataset（oDataset）;
 Column_Chart.setModel（dataJSon）;
 Column_Chart.setVizType（'column'）;

（35.0 kB）

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


树汁社区，

我遇到一个问题，这里不知道如何通过网络端的oData响应来绑定柱形图

来自js或XML。

尝试了此代码，但没有用。

调试并检查它是否正确显示JSON模型数据中的数据。 但是数据没有反映在视图中

我还附加了Odata响应文件，可在其中获取所有数据。

XML代码：

成功：JS代码

调试器；
 var数据= {
 数据：oData.results
 };
 var oJsonModelOdata = new sap.ui.model.json.JSONModel（）;
 oJsonModelOdata.setData（datas，" jsonodata"）;
 var dataJSon = oJsonModelOdata.oData.data;
//sap.m.MessageToast.show（" abc"）;
//var数组= JSON.parse（oData.results）;
//var JSondata = JSON.stringify（oData.results）;
 var Column_Chart = oThis.byId（" idVizFrameColumn"）;
 Column_Chart.setVizProperties（{
 图例：{
 标题：{
 可见：错误
 }
 }，
 plotArea：{
 'colorPalette'：
 ["绿色"，"黄色"，"橙色"，"红色"，"绿色黄色"，"#63d0e6"]，
//'colorPalette'：["红色"，"绿色"，"橙色"，"蓝色"]，
 dataLabel：{
 可见：真
 }
 }，
 标题：{
 可见：错误
 }
 }）;
/* var oDataset = new sap.viz.ui5.data.FlattenedDataset（{
 尺寸：[{
 名称："月"，
 值：" {Month}"
 }]，
 措施：[{
 名称："值"，
 值：" {Value}"
 }]，
 数据：{
 路径："/img/jsonodata"
 }
 }）; */
//Column_Chart.setDataset（oDataset）;
 Column_Chart.setModel（dataJSon）;
 Column_Chart.setVizType（'column'）;

（35.0 kB）
付费偷看设置
发送
4条回答
Cikesha
1楼 · 2020-08-15 22:14.采纳回答

Harshil，

我尝试使用您发送的数据，并且能够呈现图表。

Json数据：

 {
     "结果"：[
         {
             "标志"：""，
             " Kunnr"：" 1000012"，
             "月"：" JAN"，
             " Name1"：""，
             " Quater"：""，
             " TCurrBal"：""，
             "值"：" 10.0000"
         }，
         {
             "标志"：""，
             " Kunnr"：" 1000012"，
             "月"：" FEB"，
             " Name1"：""，
             " Quater"：""，
             " TCurrBal"：""，
             "值"：" 20.0000"
         }，
         {
             "标志"：""，
             " Kunnr"：" 1000012"，
             "月"：" MAR"，
             " Name1"：""，
             " Quater"：""，
             " TCurrBal"：""，
             "值"：" 30.0000"
         }
     ]
 }

控制器：

 var sScnJsonPath = jQuery.sap.getModulePath（" com.prashil.test"，"/model/scnHelp.json"）;
            //var oJSONModel = new JSONModel（sJsonPath）;
            //var oOtherJSONModel = new JSONModel（sOtherJsonPath）;
             var oScnModel = new JSONModel（sScnJsonPath）;
            //this.getView().byId("idVizFrame").setModel(oOtherJSONModel）;
             this.getView（）。byId（" idVizFrame"）。setModel（oScnModel，" scnHelpModel"）;
            //this.getView().byId("idVizFrame").setModel(oJSONModel）;
             Format.numericFormatter（ChartFormatter.getInstance（））;
             var formatPattern = ChartFormatter.DefaultPattern;
             var oVizFrame = this.oVizFrame = this.getView（）。byId（" idVizFrame"）;

查看：

在此处查看供稿。 我已经使用了折线图，该折线图也可用于该列。

希望它对您有用。

谢谢

Prashil

空代码
2楼-- · 2020-08-15 22:11

很好的解释

蓋茨
3楼-- · 2020-08-15 22:06

您好，Harshil，

您可以粘贴两行或三行oData响应吗？

谢谢

Prashil

CPLASF-自律
4楼-- · 2020-08-15 22:05

嗨普拉希尔，

谢谢您在这里的回复，我附上了Odata Response的屏幕截图，其中我必须在柱形图中绑定一些值。

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...