2014-03-05 41 views
0

下面的代码给了我一个很好的折线图:多数据选择SAPUI5即

//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");      
    }, 
}); 

enter image description here

现在,当我点击我需要一个数据点来获取所选数据点的X轴和Y轴的值。任何人都可以建议如何做到这一点?任何示例解决方案谢谢

回答

0

通过标识

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

获取从折线图模型

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

现在你可以访问该元素通过在JSON行和列ID点击获取您的折线图和你有你X轴值...

0

请试试以下代码:

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

oContext将获得数据路径,然后是数据索引。