2014-09-13 61 views
0

我想在我的jsf項目中使用jQuery圖表來做一些統計,我如何在我的jquery函數中調用Java方法(來自managedbesn)? 這是我的jquery函數來顯示條形圖如何從jQuery調用backing bean方法?

var randomScalingFactor = function(){return Math.round(Math.random()* 100)};

var barChartData = { 
    labels : ["January","February","March","April","May","June","July"], 
    datasets : [ 
     { 
      fillColor : "rgba(220,220,220,0.5)", 
      strokeColor : "rgba(220,220,220,0.8)", 
      highlightFill: "rgba(220,220,220,0.75)", 
      highlightStroke: "rgba(220,220,220,1)", 
      data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] 
     }, 
     { 
      fillColor : "rgba(151,187,205,0.5)", 
      strokeColor : "rgba(151,187,205,0.8)", 
      highlightFill : "rgba(151,187,205,0.75)", 
      highlightStroke : "rgba(151,187,205,1)", 
      data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()] 
     } 
    ] 

} 
window.onload = function(){ 
    var ctx = document.getElementById("canvas").getContext("2d"); 
    window.myBar = new Chart(ctx).Bar(barChartData, { 
     responsive : true 
    }); 
} 

我想填補了該領域的標籤(標籤:「一月」,「二月」,「三月」,「四月」,「五一」,「六一」,「七一」])與數據從Java方法調用,例如:

公示名單getmonths(){-------- -------代碼}

+0

發表您嘗試過的內容,以便我們瞭解您想如何製作它。 – afzalex 2014-09-13 08:37:18

+0

當然,它可能包括ajax – 2014-09-13 08:39:10

+0

但我不明白這樣做有什麼問題。 @ArunPJohny – afzalex 2014-09-13 08:46:07

回答

0

在你maneged豆

List<String> months = new ArrayList<String>(); 
    public List<String> getMonths(){ 
    if(months.isEmpty()) { 
     months.add("January"); 
     months.add("February"); 
     months.add("March"); 
     months.add("April"); 
    } 
    return months; 
    } 

然後在xhtml頁面中訪問如下所示的列表。

var barChartData = {labels : ["#{MyBean.months.get(0)}","#{MyBean.months.get(1)}","#{MyBean.months.get(2)}","#{MyBean.months.get(3)}"]}