Android прокручиваемый экран для диаграмм Android

Question

Должны быть вопросы по этой проблеме, но ни один из тех, которые я нашел, не решил мою проблему. Так.

У меня есть следующий сценарий, я хочу экран, который я могу прокручивать вниз по графикам, которые у меня будут. Как это изображение представляет здесь

На данный момент, с кодом ниже, я получаю этот результат.

Итак, что происходит, так это то, что обе диаграммы находятся друг на друге, и я не знаю почему.

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/mainLayout">

    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/ScrollView01"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/secondLayout">

            <com.github.mikephil.charting.charts.PieChart
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/pieChart" />

            <com.github.mikephil.charting.charts.BarChart
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/barChart"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_alignParentBottom="true" />

        </RelativeLayout>
    </ScrollView>

</RelativeLayout>

Я использую библиотеку MPAndroidchart.

Благодарю.

Answer 1

Попробуйте изменить эту версию

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/mainLayout">

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ScrollView01"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true">

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/secondLayout">          


        <com.github.mikephil.charting.charts.PieChart
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="24dp"
            android:id="@+id/pieChart" />

        <com.github.mikephil.charting.charts.BarChart
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/barChart"
            android:layout_below="@+id/pieChart"              
            android:layout_marginTop="48dp"
            android:layout_centerHorizontal="true" />

    </RelativeLayout>
</ScrollView>

</RelativeLayout>

Answer 2

Вопрос не ясен, в чем конкретно твоя проблема? если вы имеете в виду, что ваши диаграммы находятся друг на друге, попробуйте использовать LinearLayout с вертикальной ориентацией вместо вашего второго RelativeLayout.