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等。