Android Tutorial Android Charts Framework

Erel · Mar 15, 2011

The purpose of this framework is to allow you to easily add different types of charts to your projects.
The current version supports pie charts, line charts and bar charts.

The framework is implemented as code modules. You are free to customize the code as needed.

I also recommend you to go over the code. It demonstrates several concepts including: usage of custom types, drawings, string measurements and region clipping.

The code module is attached as part of the example project.
Questions, comments and suggestions are welcomed.

Klaus has posted a version that includes automatic scaling: http://www.b4x.com/android/forum/threads/android-charts-framework.8260/page-7#post-240181

klaus · Dec 4, 2012

Animating a chart needs to modify the drawing routine in the Chart module and use a Timer to delay the drawing of each bar.

Best regards.

sanjibnanda · Dec 5, 2012

klaus said:
Animating a chart needs to modify the drawing routine in the Chart module and use a Timer to delay the drawing of each bar.

Best regards.

sir,

i tried it with some delay/delays in drawGraph routine. The bars flash as a whole after the applied delay. The pixel drawing is not being animated. Could you pin point where i have to put a delay?

thanks and regards,

sanjib

klaus · Dec 5, 2012

Attached you find an example.
It's based on the BarChart example from the User's Guide.
You can modulate the speed in the BarTimer.Initialize method.

Best regards.

sanjibnanda · Dec 5, 2012

klaus said:
Attached you find an example.
It's based on the BarChart example from the User's Guide.
You can modulate the speed in the BarTimer.Initialize method.

Best regards.

wow! excellent work and help, thanx 2 much.
but i was looking for bar animation as attached a swf file in zip file.
hope this is also possible..
however, you people @ B4A are wonderful and supportive.
Regards,
sanjib

klaus · Dec 5, 2012

hope this is also possible..

Yes,
but a bit more complicated.
It would probably be more efficient to write a specific set of routines for this task rather than modifying the Charts module.

Best regards.

sanjibnanda · Dec 5, 2012

klaus said:
Yes,
but a bit more complicated.

sir, thanks for information. I will look forward if you could do it as it is beyond my capacity at this moment.

regards,
sanjib

juan de dios · Dec 11, 2012

mmm

Could you post your project as a zip file. So we could see what you have done.

klaus · Dec 11, 2012

I had looked at this but with no success (modifying the Charts module).
The timing I used needed DoEvents and these slow down a lot the process and I abandoned.
I haven't taken the time to write something new.

Best regards.

stu14t · Dec 22, 2012

Reverse Axis

How easy is it to reverse the y axis? i.e so the origin moves to the top left but the X axis remains the same but is now at the top of the chart.

Also, are click events possible to pick data points along the line graph created which returns the data coordinates?

Many thanks.

Stu

Erel · Dec 23, 2012

The answer for both questions is that you need to go over the code and understand it.

TeoApp · Dec 23, 2012

pitch and zoom

is it possible to add pitch and zoom on chart's panel ? i'd like to zoom the bars :icon_clap: thks in advance

Erel · Dec 24, 2012

You can try to combine this library in the charts code: http://www.b4x.com/forum/additional...l-updates/15616-touchimageview.html#post88613

airblaster · Jan 28, 2013

Is there any way to make the line chart look smoother?

Erel · Jan 28, 2013

You can try setting the antialias flag of the canvas.

miquelr · Feb 7, 2013

text into pie items

I'm using the 'chart framework' and, for various reasons, I can not use the 'legend'. I want the text of each parameter 'Name' appeared insaid the corresponding 'pie item'. This text label should have the same angle as the pie item, but the text itself should be rotated 0 or 180 depending on whether you are in the right or left side of the circle (so you do not see the reverse text)

I've spent too many hours trying to solve it without success and I need help because this chart is a fundamental part of the software that I invested many efforts.
thanks in advance.
Miquel

hdtvirl · Feb 7, 2013

Miquel, I had to do something similar when producing charts and I used the Canvas.DrawTextRotated command to put the text onto charts I was producing.

Best of Luck.

hdtvirl

kordou · Feb 27, 2013

axis

Hi,

Could someone tell me how I can add value to X axis please ;

thank you

goron · Feb 27, 2013

Canvas.DrawText

Try to play with:
Canvas.DrawText

For example I'm using letters instead of digits:
If p.x.Length > 0 Then
abName = "A"
If p.x = 2 Then abName = "B"
If p.x = 3 Then abName = "C"
If p.x = 4 Then abName = "D"
Canvas.DrawTextRotated(abName, x, GI.originY + 12dip, Typeface.DEFAULT, 12, G.AxisColor, "RIGHT", -45)
End If

HTH, Gideon Oron

goron · Feb 28, 2013

axis

Try something similar as follows:

Values:
Dim input1(4) input2(4) As Float
For i = 1 To 4
Charts.AddBarPoint(bd, i, Array As Float (input1(i-1), input2(i-1) ))
Next

Names:
1.
G.XAxis = "Riddle No. " & RiddleNo

2. Inside the module.
For example I'm using letters instead of digits:
If p.x.Length > 0 Then
abName = "A"
If p.x = 2 Then abName = "B"
Canvas.DrawTextRotated(abName, x, GI.originY + 12dip, Typeface.DEFAULT, 12, G.AxisColor, "RIGHT", -45)
End If

HTH, Gideon Oron

elbelli2008 · Mar 17, 2013

move Line at chart

Hi Erel,

We can move data over de graphics?

for example

I have draw a line, and I need move and rotate this line over de chart..

thanks

Android Tutorial Android Charts Framework

Attachments

Expert

Active Member

Expert

Attachments

Active Member

Attachments

Expert

Active Member

New Member

Expert

Active Member

B4X founder

Member

B4X founder

Active Member

B4X founder

Member

Active Member

Member

Member

Member

Member

Privacy & Transparency

Privacy & Transparency