FlexChart for UWP
選択
Sunburst > 選択

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

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

さらに、C1Sunburst クラスで提供されている ChildItemsPath プロパティを使用すると、階層化データ内の子項目を含むコレクションを指定できます。また、FlexChartBaseクラスで提供されている SelectionStyle プロパティを使用すると、 ChartStyle クラスで提供されるプロパティにアクセスして、Sunburst チャートのスタイルを設定できます。

次の図に、データポイントが選択されている 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#
コードのコピー 
// 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.