尚未使用highcharts,但我使用其他图表库…
我将向您提供有关如何将基于js的图表目录与JSF结合的一般说明(我敢肯定还有其他方式,例如使用servlet等)。
1)在您的JSF项目中构建一个工作的“硬编码” js唯一示例,包括库所需的相关* .js文件,向页面添加所需的“容器”
div,最后写成用于构建图表的js脚本硬编码值
2)将您的硬编码值放入Bean String属性中,并在.xhtml页面中将该属性的ref’放入类似内容,
<h:inputHiddenid="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和更多…



