JSF，HighCharts和JS

Question

我想在我的项目中使用highcharts和jsf。我有一个托管bean，它有一个列表，它正在由一个门面进行初始化（它在我的数据库中进行查询）。如果我想将列表的价值传递给高层，那怎么办？ 如果有人有一个好主意，请分享。

最好的问候和感谢很多

Answer 1

没有和highcharts工作，但我没有与其他图表库...

我给你如何JS结合基于图表目录一般说明它与JSF（我敢肯定，有其他方式就像使用servlet等...）

1）在您的JSF项目 包含相关的* .js文件构建一个工作“硬编码”js的唯一例子需要由图书馆 添加所需的“容器”div到您的页面 最后wrtie是建立您的图表与硬编码值

2的js脚本），将您的硬编码值到您的Bean String属性和放置REF”，以该财产在.xhtml页面类似的东西<h:inputHidden id="chart_input_data" value="#{myBean.valueOfChart}" />和访问它像

//I used jQuery selectors.... 
var data_for_chart = $('input[id$="chart_input_data"]').val(); //you can use a simpler selector like $("#chart_input_data") too 

不是使用可变data_for_chart如图表series输入（或图表的构造函数的任何参数）

3）最后，我想你的js代码，你想转的一些列表Pojos成为一个合适的json格式是最像沃尔德“适合像手套”为HigthCharts constractor，这一点，你可以用Gson库类似gson.toJson(yourListOfValues)看到实现Gson user guide

注意

这种技术应该为所有图表库的，这样的工作为flot，flotr2，gRaphael，jqPlot更多...