2

First I should say MPAndroidChart is awesome, you have brought in several functionalities and customization which makes it really cool.

I'm looking to add user interaction with the MPAndroidChart,

My requirement is:

In a combined chart (line chart and bubble chart), I want the user to drag and move the data point in x,y co-ordinate space of the MPAndroidChart.

I want the user to drag the data shown, How to achieve this, which class can be sub-classed to achieve this.

Alfa
  • 599
  • 6
  • 22

1 Answers1

2

To add interactivity to the graph data - you need a view with pan gesture

Need to subclass CombinedChartView, LineChartRenderer, BubbleChartRenderer

Create the Renderer objects, - this renderer objects needed to be replaced by the renderers created in CombinedChartView, Hence we subclass it and replace the renderer objects with that of our subclassed version.

In our CombinedChartView(subclass) override the getter,setter of the data variable, Hence while assigning the data, we create our UIView once with Pan gesture, take a reference of it's corresponding ChartDataEntry in UIView, Hence in UIView's Pan handler function we change this DataEntry's xIndex etc and call setNeedsDisplay.(UIView's frame position is not know yet, keep it all at origin)

In our Renderer class (subclass of LineChartRenderer or BubbleChartRenderer) override the DrawDataSet function -this is where the actual drawing happens, this is the place where we could get the exact x,y co-ordinates for our UIView, We finally set the frame position for the views created in CombinedChartView.

That's it, when we pan the UIView, the view will pan and in-turn move the xIndex of the ChartDataEntry

Alfa
  • 599
  • 6
  • 22
  • Hi alfa must say great work, is there any code snippet? i would like to look at as reference – Apar Amin Dec 30 '16 at 05:02
  • 1
    Hi Apar, https://gist.github.com/alfredreynold/d961e386f84bda305b750b5a32fc983e the gist here, is some rough work just for reference. Hope it is useful. – Alfa Jan 02 '17 at 13:10