Visualforce 開発者ガイド
jグラフの色
デフォルトでは、視覚的に一貫したダッシュボードを作成できるように、グラフの色は組み込みのレポート作成および分析グラフの色と同じになります。独自の配色を作成する場合、ほとんどのグラフ要素の色をカスタマイズできます。
データ系列要素 (棒、円グラフの系列など) を描画する一連の色の定義を指定するには、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>colorSet は <apex:radarSeries> を除くすべてのデータ系列コンポーネントに使用できます。colorSet の詳細および他のグラフ要素の色を設定するオプションについては、特定のデータ系列コンポーネントのセクションで説明します。