2012-03-26 97 views
0

我想在我的項目中使用highcharts和jsf。我有一個託管bean,它有一個列表,它正在由一個門面進行初始化(它在我的數據庫中進行查詢)。如果我想將列表的價值傳遞給高層,那怎麼辦? 如果有人有一個好主意,請分享。JSF,HighCharts和JS

最好的問候和感謝很多

+0

我開發一個網站,在這裏那些誰患有糖尿病可以檢查glichemical指標的人,因此我想,測量繪圖數據,其中X軸是天的月(整數或字符串),Y軸是Glichemical索引(double或String)。 – nxjohny 2012-03-26 20:47:05

回答

4

沒有和highcharts工作,但我沒有與其他圖表庫...

我給你如何JS結合基於圖表目錄一般說明它與JSF(我敢肯定,有其他方式就像使用servlet等...)

1)在您的JSF項目 包含相關的* .js文件構建一個工作「硬編碼」js的唯一例子需要由圖書館 添加所需的「容器」div到您的頁面 最後wrtie是建立您的圖表與硬編碼值

2的js腳本),將您的硬編碼值到您的Bean String屬性和放置REF」,以該財產在.xhtml頁面類似的東西<h:inputHidden id="chart_input_data" value="#{myBean.valueOfChart}" />和訪問它像

//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)最後,我想你的js代碼,你想轉的一些列表Pojos成爲一個合適的json格式是最像沃爾德「適合像手套」爲HigthCharts constractor,這一點,你可以用Gson庫類似gson.toJson(yourListOfValues)看到實現Gson user guide

注意

這種技術應該爲所有圖表庫的,這樣的工作爲flotflotr2gRaphaeljqPlot更多...