FlexChart for WPF
選択
Sunburst > 選択

Sunburst グラフセグメントをクリックして、データポイントを選択できます。FlexChartBase クラスで提供されている SelectionMode プロパティを ChartSelectionMode 列挙に含まれる次の値のいずれかに設定できます。

選択をカスタマイズするには、C1FlexPie クラスで提供される SelectedItemOffset および SelectedItemPosition プロパティを使用します。SelectedItemOffset プロパティを使用すると、選択されている Sunburst グラフセグメントをコントロールの中心から離す距離を指定できます。また、SelectedItemPosition プロパティを使用すると、選択されている Sunburst グラフセグメントの位置を指定できます。SelectedItemPosition プロパティは、Position 列挙に含まれる値を受け取ります。このプロパティを「None」以外の設定すると、項目が選択されたときに円が回転します。

さらに、FlexChartBase クラスで提供されている SelectionStyle プロパティを使用すると、ChartStyle クラスで提供されるプロパティにアクセスして、Sunburst チャートのスタイルを設定できます。

次の図に、データポイントが選択されている 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#
コードのコピー 
// SelectionModeプロパティを設定します
sunburst.SelectionMode = C1.Chart.ChartSelectionMode.Point;

// SelectedItemOffsetプロパティを設定します
sunburst.SelectedItemOffset = 0.1;

// SelectedItemPositionプロパティを設定します
sunburst.SelectedItemPosition = C1.Chart.Position.Top;

VB
コードのコピー 
' SelectionModeプロパティを設定します
sunburst.SelectionMode = C1.Chart.ChartSelectionMode.Point

' SelectedItemOffsetプロパティを設定します
sunburst.SelectedItemOffset = 0.1

' SelectedItemPositionプロパティを設定します
sunburst.SelectedItemPosition = C1.Chart.Position.Top

 

 

Copyright © MESCIUS, Inc. All rights reserved.