この文章は 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

グラフの色

デフォルトでは、視覚的に一貫したダッシュボードを作成できるように、グラフの色は組み込みのレポート作成および分析グラフの色と同じになります。独自の配色を作成する場合、ほとんどのグラフ要素の色をカスタマイズできます。

データ系列要素 (棒、円グラフの系列など) を描画する一連の色の定義を指定するには、colorSet 属性を使用します。グラフのすべてのデータ系列に使用する色を指定するには、<apex:chart colorSet="..."> を設定します。データ系列コンポーネントに colorSet を設定すると、その系列のみに色が指定されます。

colorSet は HTML スタイルの 16 進数の色定義をカンマで区切ったリストの文字列です。たとえば、colorSet="#0A224E,#BF381A,#A0D8F1,#E9AF32,#E07628" です。色は順に使用されます。リストの最後に達すると、再び最初の色から開始されます。

円グラフの系列の色にカスタム配色を使用している例を次に示します。
カスタム色を使用した円グラフ 
1<apex:pageBlockSection title="Simple colorSet Demo">
2    <apex:chart data="{!pieData}" height="300" width="400" background="#F5F5F5">
3        <apex:legend position="left"/>
4        <apex:pieSeries labelField="name" dataField="data1"
5            colorSet="#37241E,#94B3C8,#4D4E24,#BD8025,#816A4A,#F0E68C"/>
6    </apex:chart>
7</apex:pageBlockSection>
グラフ全体の背景色を設定するには、background 属性を使用します。

colorSet は <apex:radarSeries> を除くすべてのデータ系列コンポーネントに使用できます。colorSet の詳細および他のグラフ要素の色を設定するオプションについては、特定のデータ系列コンポーネントのセクションで説明します。