FlexChart for WPF
凡例とタイトル
Sunburst > 凡例とタイトル

凡例

凡例は、系列のエントリを名前と定義済みの記号で表示します。Sunburst では、次に示すように、凡例に対してさまざまなカスタマイズを行うことができます。

ヘッダーとフッター

ヘッダーとフッターは、チャートの上と下に表示される説明テキストで、チャートデータ全体に関する情報を提供します。Sunburst チャートのヘッダーとフッターには、FlexChartBase クラスの Header プロパティと Footer プロパティをそれぞれ使用してアクセスできます。ヘッダーとフッターに対しては、以下のカスタマイズが可能です。

次の図に、凡例とタイトルを設定した Sunburst チャートを示します。

次のコードスニペットは、凡例およびタイトルをカスタマイズするためにそれぞれのプロパティを設定する方法を示しています。このコードでは、「クイックスタート」で作成したサンプルを使用します。

<c1:C1Sunburst x:Name="sunburst" 
               SelectionMode="Point" 
               SelectedItemOffset="0.1" 
               SelectedItemPosition="Top" 
               Header="四半期売上高" 
               Footer="XYZ会社" 
               Reversed="True" 
               Palette="Dark" 
               Offset="0.1" 
               ItemsSource="{Binding HierarchicalData}" 
               Binding="Value" 
               BindingName="Year,Quarter,Month" 
               ChildItemsPath="Items" 
               ToolTipContent="{}{name}&#x000A;{y}" 
               Height="439" 
               VerticalAlignment="Bottom" 
               LegendOrientation="Vertical" 
               LegendTitle="年" >
    <c1:C1Sunburst.LegendStyle>
        <c1:ChartStyle FontFamily="Arial" 
                       FontSize="9" 
                       Stroke="DarkCyan"/>
    </c1:C1Sunburst.LegendStyle>
    <c1:C1Sunburst.LegendTitleStyle>
        <c1:ChartStyle FontFamily="Arial" 
                       FontSize="10" 
                       Stroke="Blue"/>
    </c1:C1Sunburst.LegendTitleStyle>
    <c1:C1Sunburst.HeaderStyle>
        <c1:ChartStyle FontFamily="Arial" 
                       FontSize="11" 
                       FontWeight="Bold" 
                       Stroke="Brown"/>
    </c1:C1Sunburst.HeaderStyle>
    <c1:C1Sunburst.FooterStyle>
        <c1:ChartStyle FontFamily="Arial" 
                       FontSize="10" 
                       FontWeight="Bold" 
                       Stroke="Brown"/>
    </c1:C1Sunburst.FooterStyle>
    <c1:C1Sunburst.DataLabel>
        <c1:PieDataLabel Position="Center" 
                         Content="{}{name}" />
    </c1:C1Sunburst.DataLabel>
</c1:C1Sunburst>
C#
コードのコピー
// 凡例の向きを設定します 
sunburst.LegendOrientation = C1.Chart.Orientation.Vertical;

// 凡例の位置を設定します
sunburst.LegendPosition = C1.Chart.Position.Auto;

// 凡例のフォントを設定します
sunburst.LegendStyle.FontSize = 9;

// 凡例のフォントスタイルを設定します
sunburst.LegendStyle.FontStyle = FontStyles.Normal;

// 凡例のタイトルを設定します
sunburst.LegendTitle = "年";

// 凡例のタイトルのフォントを設定します
sunburst.LegendTitleStyle.FontSize = 10;

// 凡例タイトルのフォントスタイルを設定します
sunburst.LegendTitleStyle.FontStyle = FontStyles.Normal;

// ヘッダーを設定します
sunburst.Header = "四半期売上高";

// ヘッダーのフォントを設定します
sunburst.HeaderStyle.FontSize = 11;

// ヘッダーのフォントスタイルを設定します
sunburst.HeaderStyle.FontStyle = FontStyles.Normal;

// ヘッダーストロークを設定します
sunburst.HeaderStyle.Stroke = Brushes.Brown;

// フッターを設定します
sunburst.Footer = "XYZ会社";

// フッターのフォントサイズを設定します
sunburst.FooterStyle.FontSize = 10;

// フッターのフォントスタイルを設定します
sunburst.FooterStyle.FontStyle = FontStyles.Normal;

// フッターストロークを設定します
sunburst.FooterStyle.Stroke = Brushes.Brown;

VB
コードのコピー
' 凡例の向きを設定します 
sunburst.LegendOrientation = C1.Chart.Orientation.Vertical

' 凡例の位置を設定します
sunburst.LegendPosition = C1.Chart.Position.Auto

' 凡例のフォントを設定します
sunburst.LegendStyle.FontSize = 9

' 凡例のフォントスタイルを設定します
sunburst.LegendStyle.FontStyle = FontStyles.Normal

' 凡例のタイトルを設定します
sunburst.LegendTitle = "年"

' 凡例のタイトルのフォントを設定します
sunburst.LegendTitleStyle.FontSize = 10

' 凡例タイトルのフォントスタイルを設定します
sunburst.LegendTitleStyle.FontStyle = FontStyles.Normal

' ヘッダーを設定します
sunburst.Header = "四半期売上高"

' ヘッダーのフォントを設定します
sunburst.HeaderStyle.FontSize = 11

' ヘッダーのフォントスタイルを設定します
sunburst.HeaderStyle.FontStyle = FontStyles.Normal

' ヘッダーストロークを設定します
sunburst.HeaderStyle.Stroke = Brushes.Brown

' フッターを設定します
sunburst.Footer = "XYZ会社"

' フッターのフォントサイズを設定します
sunburst.FooterStyle.FontSize = 10

' フッターのフォントスタイルを設定します
sunburst.FooterStyle.FontStyle = FontStyles.Normal

' フッターストロークを設定します
sunburst.FooterStyle.Stroke = Brushes.Brown