JSF，HighCharts和JS

Question

我想在我的项目中同时使用highcharts和jsf。我有一个ManagedBean，它有一个列表，它是通过Facade初始化的（它在我的数据库中进行查询）。如果我想将列表的值传递给highcharts，该怎么办？如果有人有个好主意，请分享。

最好的问候，非常感谢

Answer 1

尚未使用highcharts，但我使用其他图表库…

我将向您提供有关如何将基于js的图表目录与JSF结合的一般说明（我敢肯定还有其他方式，例如使用servlet等）。

1）在您的JSF项目中构建一个工作的“硬编码” js唯一示例，包括库所需的相关* .js文件，向页面添加所需的“容器”
div，最后写成用于构建图表的js脚本硬编码值

2）将您的硬编码值放入Bean String属性中，并在.xhtml页面中将该属性的ref’放入类似内容，<h:inputHidden id="chart_input_data" value="#{myBean.valueOfChart}" />然后在js代码中进行访问

//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）最后，我猜想您想将Pojos的一些列表转换为正确的json格式，这对于HigthCharts承包商而言，最像是“像手套一样适合”，您可以使用Gson库来实现，例如gson.toJson(yourListOfValues)参见Gson用户指南

注意

这种技术应适用于所有图表库的，例如flot，flotr2，gRaphael，jqPlot和更多…