B4A Library MPAndroidCharts - Various type of graphs / charts (Latest library V1.22 in post #1)

Johan Schoeman · Sep 5, 2015

Edit 6 Sep 2015: Post #3 adds Single Vertical Bar Charts and update for Pie Charts
Edit 8 Sep 2015 Post #6 update for Single Vertical Bar Charts
Edit 11 Sep 2015 Post #7 adds Single Line Charts
Edit 12 Sep 2015 Post #8 update for Single Line Charts
Edit 12 Sep 2015 Post #9 adds Single Horizontal Bar Charts
Edit 12 Sep 2015 Post #11 adds Radar Charts
Edit 13 Sep 2015 Post #12 update for Single Line and Single Bar Charts
Edit 14 Sep 2015 Post #16 update for Radar Charts
Edit 16 Sep 2015 Post #19 adds Multiple Line Charts
Edit 17 Sep2016 Post #21 adds Multi Vertical Bar Charts
Edit 19 Sep 2015 Post #23 adds Multi Bubble Charts
Edit 19 Sep 2015 Post #24 adds Multi Horizontal Bar Charts
Edit 19 Sep 2015 Post #25 adds Multi Scatter Charts
Edit 19 Sep 2015 Post #26 adds Stacked Bar Charts
Edit 20 Sep 2015 Post #27 adds Candlestick Charts
Edit 20 Sep 2015 Post #28 adds Combined Line & Bar Charts
Edit 23 Sep 2015 Post #31 fixed no-show of Chart Title for Combined Charts and added ability to rotate X-axis labels between -30 and + 30 degrees

I am busy wrapping this Github project. Attached is the Pie Chart functionality of the project/library. Posting the B4A project and Library files. Copy the library files to your additional library folder.

Some remarks about the Pie Chart:
1. It will display the values passed as a percentage of the total of the values that you pass
2. There are 3 x arrays that are passed to the library. Ensure that you pass the same number of elements in each of the arrays.
3. When you click on a pie slice the slice will increase in radial size (see pics below)
4. If you click on the radial increased slice it will return to normal size.
5. You can spin the pie chart around its centre point (CW and ACW) with your finger.

Untouched ...

Green slice touched ...

Pie Chart rotated with finger...

Some sample code:

B4X:

#Region  Project Attributes
    #ApplicationLabel: MPChart
    #VersionCode: 1
    #VersionName:
    'SupportedOrientations possible values: unspecified, landscape or portrait.
    #SupportedOrientations: landscape
    #CanInstallToExternalStorage: False
#End Region

#Region  Activity Attributes
    #FullScreen: False
    #IncludeTitle: True
#End Region

Sub Process_Globals
    'These global variables will be declared once when the application starts.
    'These variables can be accessed from all modules.

End Sub

Sub Globals
    'These global variables will be redeclared each time the activity is created.
    'These variables can only be accessed from this module.

    Private mpc1 As PieChart
End Sub

Sub Activity_Create(FirstTime As Boolean)
    'Do not forget to load the layout file created with the visual designer. For example:
    Activity.LoadLayout("main")

mpc1.DrawHoleEnabled = True
mpc1.HoleColorTransparent = True

mpc1.TransparentCircleColor = Colors.White
mpc1.TransparentCircleAlpha = 110

mpc1.HoleRadius = 58.0
mpc1.TransparentCircleRadius = 61.0

mpc1.DrawCenterText = True

mpc1.CenterText = "Wrapped by Johan"
mpc1.CenterTextColor = Colors.White
mpc1.CenterTextRadiusPercent = 100.0
mpc1.CenterTextSize = 15.0

mpc1.DrawSliceText = True
mpc1.HoleColor = Colors.Black
mpc1.TransparentCircleColor = Colors.Transparent

mpc1.setTheLegendPosition
mpc1.TheLegendColor = Colors.yellow
mpc1.TheLegendTextSize = 12.0
mpc1.LegendTitle = "MONTHS"

mpc1.ChartDescription = "TITLE : Some Arbitrary Data"
mpc1.ChartDescriptionColor = Colors.ARGB(200,0,255,255)
mpc1.ChartDescriptionTextSize = 17

mpc1.ValueTextColor = Colors.Black
mpc1.ValueTextSize = 15.0

mpc1.PieColors = Array As Int(Colors.Blue, Colors.Yellow, Colors.Green, Colors.Red, Colors.Magenta, Colors.Cyan)
mpc1.LegendText = Array As String("Jan", "Feb", "Mar", "Apr", "May", "Jun")
mpc1.ChartData = Array As Float(128.0, 16.0, 46.0, 40.0, 30.0, 40.0)    'values - it will be converted to %

mpc1.PieData = 6

End Sub

Sub Activity_Resume

End Sub

Sub Activity_Pause (UserClosed As Boolean)

End Sub

Johan Schoeman · Nov 16, 2017

kevinl said:
Really a great library Johan, thanks!

One question I have is the following:
How can I format the numbers on for example the Y-axis (specifically set the number of decimals to a fixed amount)? I know this is possible in the originally library but haven't found this option here yet.

Best regards,
Kevin

It was sorted out here for mult-line charts https://www.b4x.com/android/forum/t...ry-files-in-post-276.58017/page-8#post-408757

Johan Schoeman · Dec 22, 2017

V1.09 attached.

It will (hopefully) sort out an issue that was raised here

https://www.b4x.com/android/forum/threads/charts-library.87528/

Peter Simpson · Dec 22, 2017

Johan Schoeman said:
V1.09 attached.

It (hopefully) sorts out an issue that was raised here

https://www.b4x.com/android/forum/threads/charts-library.87528/

How come you didn't add the new files to the first post, I doubt if I were using this library that I would make it all the way to page 17 post number #322

Johan Schoeman · Dec 22, 2017

Peter Simpson said:
How come you didn't add the new files to the first post, I doubt if I were using this library that I would make it all the way to page 17 post number #322

@Peter Simpson - I started this wrapper when I was young, "clever", and "smart looking". Now I am only old...... It reads like a story book from post 1 to post 324. This is the closest that I will ever get to have "published" a novel (LOL).

One day, when I have some "serious" spare time on hand, I might just do what you are suggesting....until then - please bite the bullet....

Peter Simpson · Dec 22, 2017

Johan Schoeman said:
@Peter Simpsonplease bite the bullet....

All the documentaries that I watch on SA, there are a hell of a lot of guns there, so I think that I'll avoid that bullet thank you very much

BTW these are some really nice charts, cheers

jejeadsl · Dec 22, 2017

Hi,
I'm very happy to use this great library. But I would like to disable interactivity.
When I touch a point on a chart, a marker and crosshair showing.
I don't see an option to disable this fonctionnality .
Thanks for your help and suggestions.
jerome

Paulsche · Dec 24, 2017

i become error in version 1.09, in version 1.06 no problem.
combinedchart.barcolor?

rbghongade · Dec 29, 2017

Dear Johan, Is the library no longer available free?
regards,
Rajesh

Peter Simpson · Dec 29, 2017

rbghongade said:
Dear Johan, Is the library no longer available free?
regards,
Rajesh

He's worked hard on this libray, just buy/donate a drink or McDonalds to @Johan Schoeman , he's not asking for a Tesla or anything like that there's no set amount, $5 or $10 is enough

Johan Schoeman · Dec 29, 2017

Paulsche said:
i become error in version 1.09, in version 1.06 no problem.
combinedchart.barcolor?

Please see if this sorts out your problem (V1.11 attached). If not, please post a small sample project so that I can trace the error.

Johan Schoeman · Dec 29, 2017

rbghongade said:
Dear Johan, Is the library no longer available free?
regards,
Rajesh

Rajesh, see post #330 for V1.11 - have removed the date limitation (Xmas gift) but have at the same time reversed a change that I have done for @wimpie3 in the CombinedLineBarChart (post #319) as it did not make sense to do it that way.

rbghongade · Dec 29, 2017

Dear Johan,
Thank you for the gift!
Getting an error related to resources. Tried making the Objects/res file to read only before compilation, still getting the same error.

Johan Schoeman · Dec 29, 2017

rbghongade said:
Dear Johan,
Thank you for the gift!
Getting an error related to resources. Tried making the Objects/res file to read only before compilation, still getting the same error.

Rajesh, see this post. This is what the res folder should look like:

https://www.b4x.com/android/forum/t...y-files-in-post-322.58017/page-11#post-454961

rbghongade · Dec 29, 2017

Dear Johan,
Solved by copying the folder from your example. But it seems that XaxisTextAngle method is removed from the latest library, which is of utmost importance to my project!

Johan Schoeman · Dec 29, 2017

rbghongade said:
Dear Johan,
Solved by copying the folder from your example. But it seems that XaxisTextAngle method is removed from the latest library, which is of utmost importance to my project!

What project are you making use of i.e what graph are you trying to draw? Single Bar Chart, combined line and bar chart....?

rbghongade · Dec 29, 2017

I am using Single Line Chart.

Johan Schoeman · Dec 29, 2017

rbghongade said:
I am using Single Line Chart.

I don't think I have added that option to Single Line Chart. Will add it and post a new set of lib files.

Johan Schoeman · Dec 30, 2017

rbghongade said:
I am using Single Line Chart.

Here we go - have added as many additional features as what I could to LineChart of what is available in MultiLineChart. See the attached sample project. New lib files (V1.12) also attached.

jejeadsl · Dec 30, 2017

Johan Schoeman said:
Here we go - have added as many additional features as what I could to LineChart of what is available in MultiLineChart. See the attached sample project. New lib files (V1.12) also attached.

View attachment 63261

Hi Johan,

Many thanks for ShowCrossHair property, and more.

Happy New Year

Jérôme

rbghongade · Dec 30, 2017

Dear Johan,
This is New Year gift! Thanks a lot and have a great new year!

PS: A slight problem!
The y-axis grid spacing is not linear as seen in the screen shot attached.

B4A Library MPAndroidCharts - Various type of graphs / charts (Latest library V1.22 in post #1)

Attachments

Expert

Expert

Attachments

Expert

Expert

Expert

Member

Well-Known Member

Active Member

Expert

Expert

Attachments

Expert

Active Member

Expert

Active Member

Expert

Active Member

Expert

Expert

Attachments

Member

Active Member

Attachments

Similar Threads

Privacy & Transparency

Privacy & Transparency