How to draw a Bubble Chart using AnyChart for Android

In this android programming source code example, we are going to draw a Bubble Chart using AnyChart for Android.

You can copy and adopt this source code example to your android project without reinventing the wheel.

Below is a step by step source code to draw a Bubble Chart using AnyChart for Android.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".AndroidChart.AndroidChartActivity20">

    <com.anychart.AnyChartView
        android:id="@+id/bubbleChart"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import com.anychart.AnyChart;
import com.anychart.AnyChartView;
import com.anychart.chart.common.dataentry.BubbleDataEntry;
import com.anychart.chart.common.dataentry.DataEntry;
import com.anychart.charts.Scatter;

import java.util.ArrayList;

public class AndroidChartActivity20 extends AppCompatActivity {
    private AnyChartView bubbleChart;
    private Scatter bubble;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_android_chart20);
        bubbleChart = (AnyChartView)findViewById(R.id.bubbleChart);
        bubbleChart.setProgressBar(findViewById(R.id.progress_bar));
        bubble = AnyChart.bubble();
        bubble.animation(true);
        bubble.title().enabled(true);
        bubble.title().useHtml(true);
        bubble.title()
                .padding(0d, 0d, 10d, 0d)
                .text("Best sportsmen training data ' +\n" +
                        "        '<br/><span  style=\"color:#929292; font-size: 12px;\">' +\n" +
                        "        '(bubble size means duration, each bubble represents one training)</span>");
        bubble.padding(20d, 20d, 10d, 20d);
        bubble.yGrid(true)
                .xGrid(true)
                .xMinorGrid(true)
                .yMinorGrid(true);
        bubble.minBubbleSize(5d)
                .maxBubbleSize(40d);
        bubble.xAxis(0)
                .title("Average pulse during training")
                .minorTicks(true);
        bubble.yAxis(0)
                .title("Average power")
                .minorTicks(true);
        bubble.legend().enabled(true);
        bubble.labels().padding(0d, 0d, 10d, 0d);
        getData();
        bubble.tooltip()
                .useHtml(true)
                .fontColor("#fff")
                .format("function() {\n" +
                        "        return this.getData('data') + '<br/>' +\n" +
                        "          'Power: <span style=\"color: #d2d2d2; font-size: 12px\">' +\n" +
                        "          this.getData('value') + '</span></strong><br/>' +\n" +
                        "          'Pulse: <span style=\"color: #d2d2d2; font-size: 12px\">' +\n" +
                        "          this.getData('x') + '</span></strong><br/>' +\n" +
                        "          'Duration: <span style=\"color: #d2d2d2; font-size: 12px\">' +\n" +
                        "          this.getData('size') + ' min.</span></strong>';\n" +
                        "      }");

        bubbleChart.setChart(bubble);
    }

    private ArrayList getData() {
        ArrayList<DataEntry> entries = new ArrayList<>();
        entries.add(new CustomBubbleDataEntry(1, 184, 113, "10/13/2014", 120));
        entries.add(new CustomBubbleDataEntry(1, 180, 94, "03/25/2015", 45));
        entries.add(new CustomBubbleDataEntry(1, 145, 137, "11/23/2014", 123));
        entries.add(new CustomBubbleDataEntry(1, 136, 89, "02/02/2015", 89));
        entries.add(new CustomBubbleDataEntry(1, 180, 96, "12/24/2014", 118));
        entries.add(new CustomBubbleDataEntry(1, 149, 113, "11/20/2014", 60));
        entries.add(new CustomBubbleDataEntry(1, 161, 94, "04/10/2015", 87));
        entries.add(new CustomBubbleDataEntry(1, 168, 141, "02/03/2015", 45));
        entries.add(new CustomBubbleDataEntry(1, 173, 127, "01/14/2015", 89));
        bubble.bubble(entries)
                .name("Henry");
        entries.clear();
        entries.add(new CustomBubbleDataEntry(2, 165, 145, "10/22/2014", 95));
        entries.add(new CustomBubbleDataEntry(2, 147, 71, "07/25/2014", 53));
        entries.add(new CustomBubbleDataEntry(2, 157, 138, "08/18/2014", 115));
        entries.add(new CustomBubbleDataEntry(2, 179, 107, "07/05/2014", 91));
        entries.add(new CustomBubbleDataEntry(2, 187, 65, "06/21/2014", 90));
        entries.add(new CustomBubbleDataEntry(2, 142, 139, "11/05/2014", 94));
        entries.add(new CustomBubbleDataEntry(2, 136, 90, "06/22/2014", 90));
        entries.add(new CustomBubbleDataEntry(2, 166, 70, "09/18/2014", 54));
        entries.add(new CustomBubbleDataEntry(2, 161, 131, "01/07/2015", 121));

        bubble.bubble(entries)
                .name("Mark");
        entries.clear();
        entries.add(new CustomBubbleDataEntry(3, 145, 141, "09/15/2014", 95));
        entries.add(new CustomBubbleDataEntry(3, 174, 144, "10/28/2014", 53));
        entries.add(new CustomBubbleDataEntry(3, 180, 94, "03/03/2015", 115));
        entries.add(new CustomBubbleDataEntry(3, 170, 142, "10/29/2014", 91));
        entries.add(new CustomBubbleDataEntry(3, 146, 120, "02/28/2015", 90));
        entries.add(new CustomBubbleDataEntry(3, 164, 66, "06/24/2014", 94));
        entries.add(new CustomBubbleDataEntry(3, 166, 137, "03/24/2015", 90));
        entries.add(new CustomBubbleDataEntry(3, 181, 121, "06/02/2014", 54));
        bubble.bubble(entries)
                .name("Ayo");
        entries.clear();
        entries.add(new CustomBubbleDataEntry(4, 169, 84, "05/16/2014", 46));
        entries.add(new CustomBubbleDataEntry(4, 176, 123, "01/10/2015", 43));
        entries.add(new CustomBubbleDataEntry(4, 163, 106, "08/06/2014", 105));
        entries.add(new CustomBubbleDataEntry(4, 167, 96, "09/01/2014", 90));
        entries.add(new CustomBubbleDataEntry(4, 162, 131, "05/24/2014", 91));
        entries.add(new CustomBubbleDataEntry(4, 142, 124, "12/24/2014", 112));
        entries.add(new CustomBubbleDataEntry(4, 142, 70, "01/16/2015", 56));
        entries.add(new CustomBubbleDataEntry(4, 174, 89, "02/09/2015", 90));
        bubble.bubble(entries)
                .name("Emmanuel");
        return entries;
    }


    private class CustomBubbleDataEntry extends BubbleDataEntry {
        CustomBubbleDataEntry(Integer training, Integer x, Integer value, String data, Integer size) {
            super(x, value, size);
            setValue("training", training);
            setValue("data", data);
        }
    }
}

app/build.gradle

implementation 'com.github.AnyChart:AnyChart-Android:1.1.2'

If you have any question or suggestions kindly use the comment box or you can contact us directly through our contact page below.

Add a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

50% Discounts On Projects

Do you have a custom project with a clear requirements, we are currently giving a 50% discount on all projects.

We will work with you to ensure we deliver what you need.

If you have questions or want to chat with us, you can reach us on Skype (henry.tochi)

Languages and technologies we use - Java, Kotlin, Laravel, Vue, React, Flutter, Swift and more.