Click on graph. Xamarin android

[Konstantinos Evangelidis]

Hello. In my app I am using BarSeries to display a graph. The code is below. The question is if there is any way to make any Bar of the graph clickable? Thank you very much.

SfChart chart = new SfChart(this);
            ViewModel viewModel = new ViewModel();

            //Initializing primary axis
            CategoryAxis primaryAxis = new CategoryAxis();
            chart.Title.Text = "Results untill now";
            //primaryAxis.Title.Text = "Values";
            chart.PrimaryAxis = primaryAxis;

            //Initializing secondary Axis
            NumericalAxis secondaryAxis = new NumericalAxis();
            chart.SecondaryAxis = secondaryAxis;
            secondaryAxis.Title.Text = "Values percent(%)";

            BarSeries lineSeries = new BarSeries()
            {
                ItemsSource = viewModel.Data,
                XBindingPath = "Name",
                YBindingPath = "Height",
               
            };

            lineSeries.DataMarker.ShowLabel = true;
            lineSeries.DataMarker.LabelStyle.LabelPosition = DataMarkerLabelPosition.Inner;

            chart.SecondaryAxis = new NumericalAxis() { Minimum = 0, Maximum = 110 };
            chart.SetBackgroundColor(Android.Graphics.Color.Wheat);
            chart.Series.Add(lineSeries);

[Divya Venkatesan]

Hi Konstantinos, 

 

Thanks for using Syncfusion products. 

 

You can use the SelectionChanged event of Chart to perform the operations on clicking the bar. Please refer the below code snippets. 

 

Code snippets for enabling data point selection:  

  

lineSeries.DataPointSelectionEnabled = true; 

 

  

You can refer the below user guide link for more details about data point selection.  

https://help.syncfusion.com/xamarin-android/sfchart/selection  

   

Code snippets to hook SelectionChanged event:  

  

chart.SelectionChanged += Chart_SelectionChanged; 

 

  

Code snippet of SelectionChanged event:  

  

private void Chart_SelectionChanged(object sender, SfChart.SelectionChangedEventArgs e) 

{ 

    if (e.P1.SelectedDataPointIndex > -1) 

    { 

        //you can perform the operation on clicking the bar here 

    } 

} 

 

  

You can refer the below user guide link for more details about SelectionChanged event.  

https://help.syncfusion.com/xamarin-android/sfchart/selection#event  

 

We have prepared a sample for this which can be downloaded from the link. 

 

Sample: http://www.syncfusion.com/downloads/support/forum/136092/ze/ChartSample992627135  

 

Please let us know, if you need any further assistance on this. 

 

Regards, 

Divya Venkatesan