Question

我创建了一个vizFrame饼图，它使用来自示例ODATA服务的数据。我的要求是我需要在点击馅饼的特定部分时从该饼图导航到另一个条形图。条形图应该显示只有在饼图中点击的部分细节。例如，在我的例子中，当我点击饼图中的笔记本部分时，它应该只显示我的条形图中的笔记本详细信息，它出现在下一个视图中。我使用过＆＃34; selectData＆＃34; vizframe的事件。但是我不知道如何实现这个。请在下面找到我的饼图视图代码和我收到的饼图输出。任何人都可以帮我提供代码吗？

Pie_view

Output

Answer 1

您可以使用sap.viz.ui5.controls.VizFrame（api reference）的attachSelectData方法。你可以在controller.js中设置如下（当用户点击图中的某些数据时，会引发事件处理程序）：

var oVizFrame = this.getView().byId("yourVizFrameId");    
oVizFrame.attachSelectData(this.attachSelectData, this, false);

您可以按如下方式获取所选数据：

attachSelectData : function(oEvent){
   var aData = oEvent.getParameter("data");
},

如何从sap ui5饼图导航到selectData事件的sap ui5条形图？

1 个答案: