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

凡例

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

ヘッダーとフッター

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

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

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

<Chart:C1Sunburst x:Name="sunburst" 
                  SelectionMode="Point" 
                  SelectedItemOffset="0.1" 
                  SelectedItemPosition="Top" 
                  LegendPosition="None"
                  Header="四半期売上高" 
                  Footer="XYZ会社" 
                  InnerRadius="0.1" 
                  Reversed="True" 
                  Palette="Dark" 
                  Offset="0.1" 
                  ItemsSource="{Binding HierarchicalData}" 
                  Binding="Value" 
                  BindingName="Year,Quarter,Month" 
                  ChildItemsPath="Items" 
                  ToolTipContent="{}{name}&#x000A;{y}" 
                  Margin="-376,0,0,0" 
                  LegendTitle="年"  >
    <Chart:C1Sunburst.LegendTitleStyle>
        <Chart:ChartStyle FontFamily="Arial" 
                          FontSize="10" 
                          FontStretch="Normal" 
                          FontWeight="Bold"/>
    </Chart:C1Sunburst.LegendTitleStyle>
    <Chart:C1Sunburst.HeaderStyle>
        <Chart:ChartStyle FontFamily="Arial" 
                          FontSize="12" 
                          FontStretch="Normal" 
                          FontWeight="Bold"/>
    </Chart:C1Sunburst.HeaderStyle>
    <Chart:C1Sunburst.FooterStyle>
        <Chart:ChartStyle FontFamily="Arial" 
                          FontSize="10" 
                          FontStretch="Normal" 
                          FontWeight="Bold"/>
    </Chart:C1Sunburst.FooterStyle>
    <Chart:C1Sunburst.DataLabel>
        <Chart:PieDataLabel Position="Inside" 
                            Content="{}{name}" 
                            ConnectingLine="True" 
                            Border="True">
        </Chart:PieDataLabel>
    </Chart:C1Sunburst.DataLabel>
</Chart:C1Sunburst>
C#
コードのコピー
// 凡例の位置を設定します。
sunburst.LegendPosition = C1.Chart.Position.None;

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

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

VB
コードのコピー
' 凡例の位置を設定します。
sunburst.LegendPosition = C1.Chart.Position.None

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

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