注釈のカスタマイズ

FlexChart の注釈は、サイズ（図形）、スケーリング（画像）、コンテンツスタイル（画像以外）をカスタマイズできます。

サイズ：対応するクラスのサイズプロパティを使用して、すべての図形のサイズを変更します。たとえば、四角形注釈のサイズを変更するには、Rectangle クラスの Height および Width プロパティを設定します。
スタイル：AnnotationBase クラスの Style プロパティを使用して、図形およびテキスト注釈の外観の色、フォント、ストロークをカスタマイズします。
コンテンツスタイル：Shapeクラスの ContentStyle プロパティを使用して、図形注釈内のコンテンツの外観をカスタマイズします。

次の図に、2013 年の最大の税収入をさらに強調表示するようにカスタマイズされた四角形注釈を示します。

次のコードは、9 年間の税収入データを比較し、最大の収入を表示します。このコードは、四角形注釈のサイズを設定し、外観とコンテンツをカスタマイズする方法を示します。

XAML

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Annotations"
        xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" 
        x:Class="Annotations.MainWindow"
        mc:Ignorable="d"
        Title="MainWindow" Height="545.291" Width="770.087"
        DataContext = "{Binding RelativeSource={RelativeSource Mode=Self}}">
    <Grid>
        <c1:C1FlexChart x:Name="flexChart" 
                    BindingX="Year" 
                    ItemsSource="{Binding DataContext.Data}"
                    ChartType="LineSymbols">
            <c1:C1FlexChart.Series>
                <c1:Series SeriesName="税収" 
                       Binding="TaxRevenue"/>
            </c1:C1FlexChart.Series>
            <!-- #Region A -->
            <c1:C1FlexChart.Layers>
                <c1:AnnotationLayer>
                    <c1:AnnotationLayer.Annotations>
                        <c1:Rectangle Content="関税および手数料&#13;2013&#13;45000" 
                                      Attachment="DataIndex"
                                      SeriesIndex="0"
                                      PointIndex="5"
                                      Position="Top"
                                      Width="140" 
                                      Height="50">
                            <c1:Rectangle.Style>
                                <c1:ChartStyle Fill="DarkBlue" 
                                               Stroke="OrangeRed"
                                               StrokeThickness="2"
                                               StrokeDashArray="1,2"
                                               FontFamily="GenericSansSerif" 
                                               FontWeight="Regular" />
                            </c1:Rectangle.Style>
                            
                            <c1:Rectangle.ContentStyle>
                                <c1:ChartStyle Stroke="Yellow"
                                               FontFamily="GenericSansSerif"
                                               FontSize="8.5"
                                               FontWeight="Bold">
                                </c1:ChartStyle>
                            </c1:Rectangle.ContentStyle>
                        </c1:Rectangle>
                    </c1:AnnotationLayer.Annotations>
                </c1:AnnotationLayer>