この文章は Salesforce 機械翻��システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

Visualforce 開発者ガイド

Clouds with binary code floating aboveCloud with binary code floating above

No Results

Search Tips:

  • Please consider misspellings
  • Try different search keywords
PDF

JavaScript 関数を使用したグラフデータの提供

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}