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

凡例

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

ヘッダーとフッター

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

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

次のコードスニペットは、さまざまなプロパティを設定する方法を示します。

<Chart:C1FlexRadar Header="果物チャート" 
                   LegendOrientation="Horizontal" 
                   LegendPosition="Bottom" 
                   ChartType="Area" 
                   StartAngle="10" 
                   Reversed="True" 
                   ItemsSource="{Binding DataContext.Data}" 
                   BindingX="Fruit" 
                   Margin="0,220,20,130" LegendTitle="月">
    <Chart:C1FlexRadar.LegendStyle>
        <Chart:ChartStyle FontFamily="Arial" 
                          FontSize="10" 
                          FontWeight="Bold" 
                          Stroke="RoyalBlue"/>
    </Chart:C1FlexRadar.LegendStyle>
    <Chart:C1FlexRadar.LegendTitleStyle>
        <Chart:ChartStyle FontFamily="Arial" 
                          FontSize="13" 
                          FontWeight="Bold" 
                          Stroke="#FF371649"/>
    </Chart:C1FlexRadar.LegendTitleStyle>
    <Chart:C1FlexRadar.HeaderStyle>
        <Chart:ChartStyle FontFamily="Arial" 
                          FontSize="14" 
                          FontWeight="Bold" 
                          Stroke="Blue"/>
    </Chart:C1FlexRadar.HeaderStyle>
    <Chart:C1FlexRadar.Series>
        <Chart:Series SeriesName="3月" 
                      Binding="March"></Chart:Series>
        <Chart:Series SeriesName="4月" 
                      Binding="April"></Chart:Series>
        <Chart:Series SeriesName="5月" 
                      Binding="May"></Chart:Series>
    </Chart:C1FlexRadar.Series>
</Chart:C1FlexRadar>
C#
コードのコピー
// FlexRadarのヘッダーを設定します。
flexRadar.Header = "果物チャート";

// 凡例の方向を設定します。
flexRadar.LegendOrientation = C1.Chart.Orientation.Horizontal;

// 凡例の位置を設定します。
flexRadar.LegendPosition = C1.Chart.Position.Bottom;
               
VB
コードのコピー
' FlexRadarのヘッダーを設定します。
flexRadar.Header = "果物チャート"

' 凡例の方向を設定します。
flexRadar.LegendOrientation = C1.Chart.Orientation.Horizontal

' 凡例の位置を設定します。
flexRadar.LegendPosition = C1.Chart.Position.Bottom