多数据选择SAPUI5即

Question

以下代码为我提供了一个很好的折线图，如下所示：

//Code snippet to create dataset  
var oDataset1 = new sap.viz.ui5.data.FlattenedDataset({  
  dimensions : [{axis : 1,name :'BUSINESS_DATE', value :"BUSINESS_DATE"}]  
  measures : [{name : 'Profit', value : '{Profit}'}], //Define the Y-axis parameter  
  data : {path : "/GRAPHDATA",filters: [oFilter1,oFilter2,oFilter3],parameters: {select: 'BUSINESS_DATE,PROFIT'}} //set the data and filter  
});

定义折线图：

var oLineChart = new sap.viz.ui5.Line({
  width : "100%",
  height : "300px",  
  //plotArea : {'colorPalette' :['#748CB2','#FFC200']},  
  title : {visible : true,text : 'BusinessDate Vs Profit'},  
  dataset : oDataset1,  
  selectData : function(oEvent) {  
    alert("Need to extend code");                     
  },  
});  

现在，当我点击单个数据点时，我需要获取所选数据点的X轴和Y轴的值。有谁能建议如何做到这一点？任何示例解决方案感谢

Answer 1

查看API documentation您可能需要attachSelectData function来监听选择的数据。

Answer 2

通过ID

获取折线图

var line = sap.ui.getCore().byId("LineChart");

从折线图中获取模型

var json = line.getModel().getProperty("/GRAPHDATA");

现在您可以访问通过json中的行和列ID单击的元素，并获得了X轴值...

Answer 3

请尝试使用以下代码：

var oSelectData = oEvent.getParameter("GRAPHDATA");
var oContext = this.getDataset().findContext(oSelectData[0].data[0].ctx.path);

oContext将获取数据路径，后跟数据索引。