JSF, HighCharts и JS

Question

Я хотел бы использовать в своих проектах highcharts и jsf оба. У меня есть managedbean, у которого есть список, и он инициализируется фасадом (он делает запрос в моей базе данных). Если я хочу передать значение списка в highcharts, как это сделать? если у кого-то есть хорошая идея, пожалуйста, поделитесь.

С наилучшими пожеланиями и спасибо много

Answer 1

не работал с Highcharts, но я с другой графиков библиотеки ...

Я дам вам общие инструкции о том, как объединить JS каталог на основе графиков это с JSF (я уверен, что есть другие способы использовать сервлеты и т. д.)

1) построить рабочий пример жесткого кодирования js только в вашем проекте JSF включают соответствующие файлы * .js необходимые библиотеке , добавьте раздел «контейнер», необходимый для вашей страницыи, наконец, wrtie сценария Js, что строить диаграммы с жесткими кодированных значениями

2) размещать жестко закодированные значения в вашу собственность Bean Струнной и поместить ссылку»на это имущество в вашей .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 формат, который является самым как пустошь «подходит как перчатка» для constractor HigthCharts, это можно достичь с помощью Gson библиотеки что-то вроде gson.toJson(yourListOfValues) см Gson user guide

Примечание

Этот метод должен работать для всех графиков библиотеки, такие в flot, flotr2, gRaphael, jqPlot и многое другое ...