ユーザーが FlexPie 内の任意の領域をクリックしたときに FlexPie のどの要素を選択するかを選択できます。それには、SelectionMode プロパティを設定します。このプロパティは3つのオプションを提供します。

• None：どの要素も選択されません。
• Point：ユーザーがクリックした円グラフセグメントが強調表示されます。
• Series：円全体を強調表示します。

 SelectionMode が Pointに設定されている場合は、選択されている円グラフセグメントの位置を変更することもできます。それには、SelectedItemPosition プロパティを設定します。また、選択されている円グラフセグメントを FlexPie の中心から離すことができます。それには、SelectedItemOffset プロパティを設定します。

次の図は、これらのプロパティを設定した後の FlexPie を示しています。

次のコード例は、このプロパティを設定する方法を示します。この例では、「クイックスタート」セクションで作成したサンプルを使用します。

コードの場合

<c1-flex-pie binding-name="Country" binding="Sales"
             selection-mode="SelectionMode.Point"
             selected-item-position="Position.Top"
             selected-item-offset="0.5f" >>
    <c1-items-source source-collection="Model"></c1-items-source>
</c1-flex-pie>