java - JSF、HighCharts 和 JS

Question

我想在我的项目中同时使用 highcharts 和 jsf。我有一个托管bean，它有一个列表，它通过外观进行初始化(它在我的数据库中进行查询)。如果我想将列表的值传递给 highcharts，该怎么做？如果有人有好主意，请分享。

致以诚挚的问候和感谢

Answer 1

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

我将向您提供有关如何将基于 js 的图表目录与 JSF 结合起来的一般说明(我确信还有其他方法，例如使用 servlet 等...)

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

2) 将硬编码值放入 Bean String 属性中，并在 .xhtml 页面中放置对该属性的引用，类似 <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 user guide

注意

此技术应该适用于所有图表库，例如 flot , flotr2 , gRaphael , jqPlot还有更多...