JSF、HighCharts、JS

Question

プロジェクトハイチャートとjsfの両方で使用したいと思います。私はリストを持っているマネージドビーンを持っていて、それはファサードによって初期化されています（データベース内のクエリを実行します）。ハイチャートにリストの価値を渡したいのですが、どうすればいいですか？ 誰かが良いアイデアを持っている場合は、共有してください。 ...

を

敬具と感謝たくさん

Answer 1

はhighchartsで働いていないが、私は他のチャートライブラリーで行った私はあなたのJSに基づいて、チャートのディレクトリを結合する方法についての一般的な手順をあげます（サーブレットなどを使用する方法が他にもあると確信しています）

1）JSFプロジェクトに「ハードコードされた」js専用のサンプルを作成します。 関連する* .jsファイルライブラリに必要なもの あなたのページに必要な「コンテナ」divを追加してください 、最終的には、ハードコードされた値

2を使用してグラフを作成JSスクリプトをwrtie）その<h:inputHidden id="chart_input_data" value="#{myBean.valueOfChart}" />とアクセスのようなものを自分のビーンStringプロパティにハードコードされた値を配置し、あなたの.xhtmlページでそのプロパティへの参照「を置きますそれあなたの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）最終的に私はあなたがいくつかのリストを有効にしたいと思いますポホスを適切なジョンソンに入れるウォールドのようなほとんどのあるフォーマットあなたがgson.toJson(yourListOfValues)ようGsonライブラリ何かを達成することができ、これは、この技術は、すべてのチャートライブラリのは、そのようなのために働く必要がありますGson user guide

注

を参照して、HigthChartsのconstractorのために「手袋のようにフィット」 flot、flotr2、gRaphael、jqPlotなどなど...