ユーザーが FlexChart 内の任意の領域をタップしたときに FlexChart のどの要素を選択するかを選択できます。それには、SelectionMode プロパティを設定します。このプロパティは、ChartSelectionModeType 列挙体から次のいずれかの値を受け取ります。

• None：どの要素も選択されません。
• Point：ユーザーがタップした点が強調表示されます。
• Series：ユーザーがタップした系列が強調表示されます。プロット領域で系列自体をタップすることも、凡例内の系列名をタップすることもできます。

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

SelectionMode を Series に設定した場合

SelectionMode を Point に設定した場合

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

C# のコード

//　系列を作成します
ChartSeries series = new ChartSeries();
series.SeriesName = "販売";
series.Binding = "Sales";
series.ChartType = ChartType.Column;
chart.Series.Add(series);

ChartSeries series1 = new ChartSeries();
series1.SeriesName = "費用";
series1.Binding = "Expenses";
series1.ChartType = ChartType.Column;            
chart.Series.Add(series1);

//　選択モードを設定します
chart.SelectionMode = ChartSelectionModeType.Point;

XAML のコード

<c1:FlexChart x:Name="chart" ItemsSource="{Binding Data}" BindingX="Name" ChartType="Column"
    Grid.Row="1" Grid.ColumnSpan="2" VerticalOptions="FillAndExpand" SelectionMode="Point">
    <c1:FlexChart.Series>
        <c1:ChartSeries x:Name="Sales2015" SeriesName ="販売" Binding="Sales" />
        <c1:ChartSeries x:Name="Expenses2015" SeriesName="費用" Binding="Expenses"/>
    </c1:FlexChart.Series>
</c1:FlexChart>