2014-09-13 60 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)}"]}