Android Tutorial Android Charts Framework

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]

Here you are.
Where did you get the Chart.bas file from ?
The original Charts module is named Charts and not Chart !
I don't know what you all have tested with your program but, after removing some errors, there remained a strange error about a Calculator, as I didn't find where this did come from I started with the program version I sent you a few days ago.

Best regards.

 

[Nyptop]

Wow this is brilliant I think I should be O.K from now on.

Once again thank you,

Neil

 

[Smee]

This is Excellent Erel.

Thanks very much

 

[Bohica93]

Hi,

I recently bought B4A and I am really enjoying coding for Android in a language I understand!

I was wondering if there was a way in the charts to reduce the amount of white space at the top and bottom of the charts?

Thanks.

 

[klaus]

Yes, it it possible.
Look at the beginning of the drawGraph routine in the Charts module, there you find the margin definitions.

Best regards.

 

[Bohica93]

Thanks, working perfectly!

 

[Erel]

The first post was updated with version 1.04.
This update was written by klaus. Thank you!

It adds support for negative values in bar chart and also fixes an issue with lines that are drawn outside of the chart area.

 

[JCO]

Hi,

I've made a (slight) change to the module in order to have the bars & stacked bars graphs centered in the plot area with a small margin left and right, instead of them being right-aligned with varying space to the left.

I upload it here in case someone may be interested. (Only 4 lines changed, commented for tracking)

br,

Julio

 

[Paulux]

Hi,

I'm use the Pie related methods

i have 4 listVIew

When the user click on one listView the Pie is displayer whith the data.

When the user click on other listview, the pie is REwrited but the LegendText is not rewrited.

DO you know what is the process for erase the old value of LegendText

Thanks

 

[klaus]

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

Best regards.

 

[Paulux]

My purged sources

Hi,

This is my sources (without sql req and 2 panel only)

for testing :

- click on first ListView item
- Check Pie Charts data

- click on 2nd ListView item
- Check Pie Charts data

- click on first ListView item
- Check Pie Charts data

...
...
...

Thanks for your help

Best Regards

 

[klaus]

Here you are.
I added the lines with the comment 'KC at the end of the Populate routine.

    Dim ImageView1 As ImageView
    ImageView1.Initialize("")
    ImageView1.SetBackgroundImage(legend)
    If stats.NumberOfViews > 0 Then    'KC
        stats.RemoveViewAt(0)          'KC
    End If                             'KC
    stats.AddView(ImageView1, 10dip, 10dip, legend.Width, legend.Height)
    PieDatanb = 0

    ProgressDialogHide

End Sub

In your code all the 'old' Imageviews remain and as the legend background color is semitransparent the old values remain visible.

Best regards.

 

[Paulux]

Very thanks

Very good stuff.

Thanks

Best regards

 

[ErickAsas]

Interactive Charts

Is it possible to add a click event on a bar chart value? If so, can you post an example. Thanks in advance.

 

[klaus]

Not in the Charts Framework.
You need to do it on your own.

Best regards.

 

[mmaidul]

Hello

Hello all,

I am android developer .Could you anyone send me this to my mmaidul.islam(at) gmail dot com .I have need that.

Please send me .

Thanks in advance...
Best Regards,
Maidul

 

[klaus]

These files are available only for users who bought Basic4Android.

Best regards.

 

[sanjibnanda]

Animated charts

Hi Erel,
how can i put some delay in the chart drawing so that it appears to be animated?
regards
sanjib

 

[klaus]

What kind of chart do want to 'animate' ?

Best regards.

 

[sanjibnanda]

What kind of chart do want to 'animate' ?

Best regards.

thanks for quick reply, i am working on DrawBarsChart, please do needful and thanks again.
regards

sanjib