Android Charts Layout



I was having some problem when trying to put a scroll view together with the chart in Android. For the chart, I am using achartengine plugin. Here is my xml layout:



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



<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:padding="10dp" >

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal" >

<TextView
android:id="@+id/txtDisplayAttendeeAmt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingRight="10dp"
android:text="0"
android:textColor="@color/lightorange"
android:textSize="35dp"
android:textStyle="bold" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="10dp"
android:text="people joined." />
</LinearLayout>

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/textview_lightgrey_border" />

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal"
android:weightSum="1" >

<TextView
android:id="@+id/txtDisplayPctMale"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="0.35"
android:gravity="right"
android:paddingRight="8dp"
android:text="0 %"
android:textColor="@color/lightblue"
android:textSize="35dp"
android:textStyle="bold" />

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="0.15"
android:paddingTop="10dp"
android:text="Male" />

<TextView
android:id="@+id/txtDisplayPctFemale"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="0.35"
android:gravity="right"
android:paddingRight="8dp"
android:text="0 %"
android:textColor="@color/lightpink"
android:textSize="35dp"
android:textStyle="bold" />

<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="0.2"
android:paddingTop="10dp"
android:text="Female" />
</LinearLayout>

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@drawable/textview_lightgrey_border" />

<RelativeLayout
android:id="@+id/chart_racesPie"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_marginTop="10dp"
android:orientation="vertical"
android:padding="10dp" >
</RelativeLayout>
</LinearLayout>

</ScrollView>


I got multiple charts to put inside one activity so I have to use a scroll view. However, after I added the scroll view, the relative layout for chart at the bottom is not coming out. Only the components before the relative layout is showing. When I removed the scrollview, the chart is showing again. Any ideas?


Thanks in advance.


No comments:

Post a Comment