バージョン

複数凡例の追加

デフォルトでは、 XamDataChart はチャート コントロールのシリーズに Legend を表示しません。シリーズごとに個々の凡例を表示したい場合、XamDataChart コントロールのコンテナーに多数の Legend オブジェクトを追加して、各凡例を対応する Series オブジェクトの Legend プロパティにバインドする必要があります。さらに、各 Series オブジェクトの Title プロパティを設定する必要があります。設定しない場合、対応する凡例項目はデフォルトのシリーズ タイトルを使用します。

以下のコード例は XamDataChart コントロールに定義された客シリーズの個々凡例を追加する方法を紹介します。

XAML の場合:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>

    <ig:XamDataChart Grid.ColumnSpan="2" Grid.RowSpan="3">
        ...
        <ig:XamDataChart.Series>
            <ig:LineSeries Title="Volume Series"
                           Legend="{x:Reference Legend1}">
            </ig:LineSeries>
            <ig:FinancialPriceSeries Title="Price Series"
                                     Legend="{x:Reference Legend2}">
            </ig:FinancialPriceSeries>
        </ig:XamDataChart.Series>
    </ig:XamDataChart>
    <ig:Legend x:Name="Legend1"
               Margin="10"
               Grid.Row="0" Grid.Column="1">
    </ig:Legend>
    <ig:Legend x:Name="Legend2"
               Margin="10"
               Grid.Row="1" Grid.Column="1">
    </ig:Legend>
</Grid>

以下の画像は、XamDataChart コントロールが複数の凡例でどのように見えるかを示しています。

xamDataChart Multiple Legends 01.png

関連トピック