Visualforce 開発者ガイド
jJavaScript 関数を使用したグラフデータの提供
JavaScript Remoting を使用してデータにアクセスする場合、または外部 (Salesforce 以外) データソースにアクセスする場合、データを提供する JavaScript 関数の名前を <apex:chart> コンポーネントに指定します。JavaScript 関数は、Visualforce ページで定義またはリンクされている必要があります。
この関数では、結果を <apex:chart> に渡す前に結果を操作したり、その他のユーザインターフェースまたはページの更新を実行したりできます。
JavaScript 関数はパラメータとして���ールバック関数を取り、関数のデータ結果オブジェクトを使用してコールバックを呼び出します。最も単純で有効な JavaScript 関数は次のようになります。
1<apex:page>
2 <script>
3 function getRemoteData(callback) {
4 PieChartController.getRemotePieData(function(result, event) {
5 if(event.status && result && result.constructor === Array) {
6 callback(result);
7 }
8 });
9 }
10 </script>
11
12 <apex:chart data="getRemoteData" ...></apex:chart>
13</apex:page>このグラフをサポートするには、「単純なグラフ作成の例」で定義されている PieChartController クラスに次のコントローラメソッドを追加します。
1@RemoteAction
2public static List<PieWedgeData> getRemotePieData() {
3 List<PieWedgeData> data = new List<PieWedgeData>();
4 data.add(new PieWedgeData('Jan', 30));
5 data.add(new PieWedgeData('Feb', 15));
6 data.add(new PieWedgeData('Mar', 10));
7 data.add(new PieWedgeData('Apr', 20));
8 data.add(new PieWedgeData('May', 20));
9 data.add(new PieWedgeData('Jun', 5));
10 return data;
11}