Я не работал с старшими диаграммами, но я работал с другой библиотекой графиков ...
Я дам вам общие инструкции о том, как объединить каталог на основе js с JSF (я уверен, чтоесть и другие способы, такие как использование сервлетов и т. д.))
1) создать работающий пример с жестким кодом только для js в вашем проекте JSF, включая соответствующие файлы * .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, который больше всего похож на wold, «пригодный как перчатка» для HigthCharts constractor, этого вы можете достичь с помощью библиотеки Gson, например, gson.toJson(yourListOfValues) см. Руководство пользователя Gson
Примечание
Этот метод должен работатьдля всех библиотек графиков, таких как flot, flotr2, gRaphael, jqPlot и другие ...