JSF，HighCharts和JS

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

致以最诚挚的问候和感谢

Answer 1

没有使用过highcharts，但我使用过其他图表库…

我将为您提供有关如何将基于js的图表目录与JSF结合使用的一般说明（我确信还有其他方式就像使用servlet等…）

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

2）将您的硬编码值放入您的Bean String属性，并在.xhtml页面中放置一个ref’到该属性，如像你那样在你的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等……